/* 公共部分 */
@font-face {
font-family: 'iconfont';
src: url('../fonts/iconfont.eot');
src: url('../fonts/iconfont.eot?#iefixx') format('embedded-opentype'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'),
url('../fonts/iconfont.svg#iconfontt') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* webkitå†…æ ¸ 滚动æ¡*/
::-webkit-scrollbar {width:8px;background-color:#d70009;}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#d70009;}
body{font-family: 'Microsoft YaHei';color:#222222 ;font-size: 14px;}
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.t_c{text-align: center;}
.t_l{text-align: left!important;}
.t_r{text-align: right;}
/* header部分 */
.header{width: 100%;height: 76px;line-height: 76px;background: #ffffff;position: relative;}
.header .wrap{height: 100%;padding: 0 1vw;}
.header .logo{display: inline-block;height: 100%;width: 130px;position: relative;}
.header .logo img{position: absolute;left: 0;top: 50%;}
.header .header_text{display: inline-block;padding-left: 15px;font-size:18px;position: relative;}
.header .navlist{display: inline-block;padding:0 0 0 12%;width: 59%;}
.header .navlist>li{display: inline-block;margin-right: 5%;position: relative;}
.header .navlist>li:last-child{margin-right: 0;}
.header .navlist>li .nav-item{display: inline-block;color: #222222;font-size: 16px;transition: all 0.4s;position: relative;font-style: normal; border: 1px solid #ffffff; background: #ffffff;}
.header .navlist>li .nav-item:hover{transition: all 0.4s;color: #d70009;}
.header .navlist>li .nav-item::after{content: "";display: inline-block;width: 0%;height: 2px;background: #d70009;border-radius: 1px;position: absolute; bottom: -3px;left: 50%;transform: translateX(-50%);transition: all 0.5s;}
.header .navlist>li .nav-item:hover::after{transition: all 0.4s;width: 100%;}
.header .navlist>li .nav-item.active-nav{transition: all 0.4s;color: #d70009;}
.header .navlist>li .nav-item.active-nav::after{transition: all 0.4s;width: 100%;}
.header .navlist>li .drop-nav{width: 140px; display: none; position: absolute; padding: 10px 0; top: 82px; left: 50%; margin-left: -70px; z-index: 3; text-align: center; background: #ffffff;}
.header .navlist>li .drop-nav .item{height: 40px;line-height: 40px;background: #ffffff;width: 100%;}
.header .navlist>li .drop-nav .item a{ display: inline-block; width: 100%; height: 100%; transition: all 0.4s; background: #ffffff; border-color: #ffffff; color: #666666;}
.header .navlist>li .drop-nav .item a:hover{translate: all 0.4s;background: #fcfcfc;color:#d70009 ;}
.header .ph-number{display: inline-block;}
.header .ph-number img{position: relative;top:22px;}
.header .ph-number .number{display: inline-block;padding-left: 10px; font-weight: 600;font-size: 28px;color: #d70009;}
@media screen and (max-width: 1680px) {
.header .navlist {width: 70%; }
}
@media screen and (max-width: 1440px) {
.header .navlist {width: 66%;padding: 0 0 0 10%; }
.header .ph-number img {width: 36px;}
.header .ph-number .number { padding-left: 8px; font-size: 26px;}
}
@media screen and (max-width: 1366px) {
.header .navlist {width: 63%;padding: 0 0 0 8%; }
.header .ph-number img {width: 34px;}
.header .ph-number .number { padding-left: 8px; font-size: 24px;}
.header .navlist>li { margin-right: 4%;}
.header .navlist>li .nav-item::after {bottom: 0px;}
}
@media screen and (max-width: 1280px) {
.header .ph-number img {width: 30px;top: 24px;}
.header .ph-number .number { padding-left: 5px; font-size: 20px;}
.header .navlist {padding: 0 0 0 5%; }
}
@media screen and (max-width: 1040px) {
.header .navlist>li .nav-item {font-size: 14px;}
.header .ph-number img {width: 28px;top: 26px;}
.header .ph-number .number { padding-left: 5px; font-size: 18px;}
.header .navlist{display: none; position: absolute;width: 100%;padding: 10px 0;left: 0;top: 68px;z-index: 3;background: #ffffff;box-shadow: 0px 4px 4px 1px #fcfcfc;border-top: 1px solid #fcfcfc;}
.header .toggle-humber {width: 40px;position: absolute;height: 35px;margin-top: 21px;cursor: pointer;right: 0;top: 0; }
.header .toggle-humber span {display: inline-block;width: 20px;height: 2px;background-color: #000;position: absolute;top: 16px;right: 0px; transition: background-color 0.3s ease-out 0.1s;}
.header .toggle-humber span:before {content: '';display: inline-block;width: 23px;height: 2px;background-color: #000;position: absolute;top: -8px;right: 0px;transition: transform 0.3s ease-out, top 0.5s ease 0.4s;transform: rotate(0deg); }
.header .toggle-humber span:after {content: '';display: inline-block;width: 20px;height: 2px;background-color: #000;position: absolute;top: 8px;right: 0px;transition: transform 0.3s ease-out, top 0.5s ease 0.4s;transform: rotate(0deg);}
.header .wrap>.fr{position: relative;padding-right: 50px;}
.header .toggle-humber.on span { background-color: transparent; }
.header .toggle-humber.on span:before { transition: top 0.5s ease, transform 0.3s ease-out 0.4s; transform: rotate(45deg); top: 0px;}
.header .toggle-humber.on span:after { transition: top 0.5s ease, transform 0.3s ease-out 0.4s; transform: rotate(-45deg); top: 0px; width: 23px; }
.header .navlist>li { margin-right: 0; width: 100%; line-height: 42px; padding: 0 4%;}
.header .navlist>li .nav-item{position: relative;}
.header .navlist>li:nth-child(2) .nav-item::before {content: '>';display: inline-block;width: 100%;height: 100%;position: absolute;left: 108%;top: 0;}
.header .navlist>li:nth-child(3) .nav-item::before {content: '>';display: inline-block;width: 100%;height: 100%;position: absolute;left: 108%;top: 0;}
.header .navlist>li:nth-child(4) .nav-item::before {content: '>';display: inline-block;width: 100%;height: 100%;position: absolute;left: 108%;top: 0;}
.header .navlist>li .drop-nav{width: 100%;top: 0;left: 0;margin-left: 0;position: relative;text-align: left;padding: 0 0 0 20px;}
.header .navlist>li .nav-item:hover::after{width: 0%;}
.header .navlist>li .nav-item.active-nav::after{width: 0%;}
}
@media screen and (max-width: 768px) {
.header { height: 68px; line-height: 68px;}
.header .ph-number img { width: 24px; top: 24px; }
.header .toggle-humber {margin-top: 17px;}
.header .logo {width: 14vw;}
}
@media screen and (max-width: 500px) {
.header .logo {width: 22vw;}
.header .ph-number .number {padding-left: 4px;font-size: 16px;}
.header .ph-number img {width: 20px; top: 26px;}
.header .navlist {top: 68px;}
}
/* footer部分 */
.footer {background: #6d6b6b;color: #ffffff;}
.footer .footer-left h5{font-size: 16px;}
.footer .footer-left .f1{font-weight: 600;letter-spacing: 1px;}
.footer .footer-left .consult-btn{display: block;width: 144px; height: 42px;color: #ffffff;background: #F4BB01;transition: all 0.4s;line-height: 40px;text-align: center;}
.footer .footer-left .consult-btn:hover{transition: all 0.4s;background: #ffffff;color:#F4BB01;}
.footer .footer-left .links-list .item{display: inline-block;position: relative; margin-right: 20px;transition: all 0.4s;width: 46px;height: 46px;background: url(../img/f_icon1.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:nth-child(2){background: url(../img/f_icon2.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:nth-child(3){background: url(../img/f_icon3.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:hover{transition: all 0.4s;opacity: 1;background: url(../img/f_icon1_o.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:nth-child(2):hover{background: url(../img/f_icon2_o.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item:nth-child(3):hover{background: url(../img/f_icon3_o.png) no-repeat center center;background-size: 46px;}
.footer .footer-left .links-list .item .over-data{opacity: 0; position: absolute;top: 45px;left: 50%;width: 180px;text-align: center;transition: all 0.4s;}
.footer .footer-left .links-list .item:hover .over-data{opacity: 1;transition: all 0.4s;}
.footer .footer-right {width: 70%;}
.footer .company-item{color: #ffffff;transition: all 0.4s;width: 207px;margin-left: 10%;}
.footer .company-item .item-img{width: 100%;overflow: hidden;}
.footer .company-item .item-img img{width: 100%;transition: all 0.4s;}
.footer .company-item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.footer .company-item h6{margin-top: 10px;}
.footer .company-item p{ color: #D0E7FF;line-height: 22px;}
.footer .company-item:nth-child(3) { margin-left: 0%; }
.footer .footer-bottom {border-top: 1px solid #797979;line-height: 68px;text-align: center;background-color: #4e4e4e}
@media screen and (max-width: 1366px) {
.footer .company-item { margin-left: 8%; }
}
@media screen and (max-width: 1280px) {
.footer .company-item { margin-left: 6%; }
.footer .footer-right {width: 78%; }
.footer .footer-left .links-list .item .over-data{width: 150px;}
}
@media screen and (max-width: 1040px) {
.footer .company-item { margin-left: 3%; width: 26%;}
.footer .footer-left .f1 { font-size: 22px;}
.footer .footer-left h5 { font-size: 14px;}
.footer .footer-left .links-list .item {margin-right: 15px;width: 40px;height: 40px;background-size: 100%;}
.footer .footer-left .links-list .item:hover {background-size: 100%;}
.footer .footer-left .links-list .item:nth-child(2) {background-size: 100%;}
.footer .footer-left .links-list .item:nth-child(3) {background-size: 100%;}
.footer .footer-left .links-list .item:nth-child(2):hover {background-size: 100%;}
.footer .footer-left .links-list .item:nth-child(3):hover {background-size: 100%;}
.footer .footer-left .links-list .item .over-data{width: 120px;left: 60%;}
.footer .footer-right { width: 76%; }
}
@media screen and (max-width: 768px) {
.footer .footer-left{width: 100%; padding: 20px;}
.footer .footer-left .consult-btn {width: 130px;height: 38px; line-height: 38px;display: inline-block;float: right; margin-right: 20px;}
.footer .footer-left .links-list .item { margin-right: 10px; width: 32px; height: 32px;}
.footer .footer-right { width: 100%;margin-top:20px; }
.footer .company-item { margin-left: 3%; width: 31%; }
.footer .footer-left .links-list .item .over-data{width: 120px;}
.footer .footer-bottom {line-height: 22px;padding: 20px;}
.footer .footer-left .f1 { font-size: 18px; }
}
@media screen and (max-width: 500px) {
.footer .footer-left .links-list .item .over-data{width: 110px;left: 66%;}
}
/* 侧边æ */
.m-fixed-box { width: 70px; position: fixed; right: 0px; top: 56%; z-index: 99998; border-radius: 0.100000rem 0 0 0.100000rem;}
.m-fixed-box li{cursor: pointer;transition: all 0.4s;text-align: center; position: relative; width: 64px;height: 65px;background: #FFFFFF;border: 1px solid #EEEEEE;}
.m-fixed-box a{display: inline-block;width: 100%;height: 100%;}
.m-fixed-box li:hover{transition: all 0.4s;background: #d70009;}
.m-fixed-box .iconfont{position: absolute;top: 50%;left: 50%;width: 26px;height: 28px;background: url(../img/slide1.png) no-repeat center center;background-size: 100%;transition: all 0.4s;}
.m-fixed-box li:nth-child(2) .iconfont{background: url(../img/slide2.png) no-repeat center center;background-size: 100%;}
.m-fixed-box li:nth-child(3) .iconfont{width:21px; background: url(../img/slide3.png) no-repeat center center;background-size: 100%;}
.m-fixed-box li:nth-child(3) .iconfont{width:26px;background: url(../img/slide4.png) no-repeat center center;background-size: 100%;}
.m-fixed-box li:nth-child(4) .iconfont{background: transparent;}
.m-fixed-box li:nth-child(1):hover .iconfont{background: url(../img/slide1_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box li:nth-child(2):hover .iconfont{background: url(../img/slide2_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box li:nth-child(3):hover .iconfont{background: url(../img/slide3_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box li:nth-child(3):hover .iconfont{background: url(../img/slide4_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box li:nth-child(4):hover .iconfont{background: transparent;}
.m-fixed-box .q_pinfo {position: absolute;right: 70px;top: 50%;transform: translateY(-50%); background: #ffffff;
box-shadow: 0px 0px 11px 0px rgba(213, 213, 213, 0.5);color: #040404; padding: 5px 15px;line-height: 22px;color: #666666;opacity: 0;transition: all .3s;white-space: nowrap;box-sizing: border-box;}
.m-fixed-box .jsBack {color: #d70009;transition: all 0.4s;font-size: 30px;}
.m-fixed-box .jsBack .iconfont{font-size: 22px;font-weight: 600;}
.m-fixed-box .jsBack:hover {background: #d70009;color: #ffffff;transition: all 0.4s;border-color: #d70009;}
.m-fixed-box li:hover .q_pinfo, .m-fixed-box li .q_pinfo.on { opacity: 1; transform: translateY(-50%);}
.m-fixed-box li .q_pinfo .txt.mm{padding: 10px 15px;text-align: center;color: #666666;}
.m-fixed-box li .q_pinfo::after{content: "";display: inline-block;position: absolute;right: -12px;top: 50%; margin-top: -6px;border-style: solid;border-width: 6px 6px;border-color: transparent transparent transparent #ffffff;}
@media screen and (max-width: 1440px) {
.m-fixed-box { width: 55px; top: 45%;}
.index-right-fixed{
top:14% !important;
}
.m-fixed-box li {width: 50px;height: 50px;}
.m-fixed-box .iconfont { width: 20px;}
.m-fixed-box li:nth-child(3) .iconfont { width: 16px;}
.m-fixed-box li:nth-child(4) .iconfont { width: 20px;}
.m-fixed-box .jsBack .iconfont {font-size: 18px;line-height: 28px;}
}
@media screen and (max-width: 1040px) {
.m-fixed-box {top: 80%; width: 54px;}
.m-fixed-box li{ display: none;width: 50px; height: 50px; }
.m-fixed-box .jsBack{display: block;}
}
@media screen and (max-width: 768px) {
.m-fixed-box .jsBack .iconfont { font-size: 16px; }
.m-fixed-box li { width: 40px; height: 40px; }
.m-fixed-box {width: 42px; }
}
.banner{width: 100%;}
.banner .swiper-slide{display:inline-block;width: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide>img{width: 100%;}
.areacont{overflow: hidden;}
.areacont .area-title .title{font-size: 32px;font-weight: bold;color: #222222;line-height: 66px;text-align: center;}
.areacont .area-title .title-txt{padding: 0 30px;text-indent: 2em;text-align: center;}
.areacont .area-title .title-text p{text-indent: 2em}
.areacont .area-title .title-txt i{font-weight: 600;color: #c00000 ;}
.areacont .detaile-links{display: block; border: 1px solid #ffffff;border-radius: 30px;transition: all 0.4s; background: #d70009;margin-top: 35px; width: 200px;height: 46px;line-height: 46px;color: #ffffff;font-size: 20px;text-align: center;transition: all 0.4s;}
.areacont .detaile-links .icon{display: inline-block;width: 22px;height: 15px;margin-left: 3px; background: url(../img/icon2.png) no-repeat center center;background-size: 100%;}
.areacont .detaile-links:hover{transition: all 0.4s;background: #ffffff;color: #c00000;}
.areacont .detaile-links:hover .icon{background: url(../img/icon3.png) no-repeat center center;background-size: 100%;}
.secondary-banner{width: 100%;overflow: hidden;position: relative;}
.secondary-banner>img{width: 100%;transition: all 0.4s;}
.secondary-banner:hover>img{transition: all 0.4s;transform: scale(1.1);}
.secondary-banner .overtxt{position: absolute;top: 50%;left: 50%;color: #ffffff;}
.secondary-banner .tit{font-size: 42px;font-weight: 600;}
.bf.detaile-links{display: block; margin:50px auto 0;border:2px solid #d70009;background: #FFFFFF;color:#d70009 ;transition: all 0.4s;}
.bf.detaile-links .icon{background: url(../img/icon3.png) no-repeat center center ;}
.bf.detaile-links:hover{border:2px solid #d70009;background: #d70009;color:#ffffff ;}
.bf.detaile-links:hover .icon{background: url(../img/icon2.png) no-repeat center center ;}
.secondary-banner.b2b .tit{font-size: 32px;font-weight: normal;}
.secondary-banner.b2b .txt{font-size: 36px;}
@media screen and (max-width: 1680px) {
.areacont .area-title .title{font-size: 42px;}
.secondary-banner .tit {font-size: 40px;}
.secondary-banner p{font-size: 38px;}
.about-area1 .tit{font-size: 40px;}
.about-area1 .usinfor {line-height: 32px;}
.secondary-banner.b2b .tit{font-size: 30px;font-weight: normal;}
.secondary-banner.b2b .txt{font-size: 36px;}
}
@media screen and (max-width: 1440px) {
.areacont .area-title .title{font-size: 38px;}
.secondary-banner .tit {font-size: 36px;}
.about-area1 .tit{font-size: 36px;}
.about-area1 .usinfor {line-height: 30px;}
.secondary-banner.b2b .tit{font-size: 28px;font-weight: normal;}
.secondary-banner.b2b .txt{font-size: 34px;}
}
@media screen and (max-width: 1366px) {
.areacont .area-title .title{font-size: 32px;}
.areacont .detaile-links { font-size: 16px;width: 170px;height: 44px;line-height: 42px;}
.areacont .detaile-links .icon {width: 19px;height: 11px;}
.secondary-banner .tit {font-size: 32px;}
.secondary-banner p{font-size: 36px;}
.about-area1 .tit{font-size: 32px;}
}
@media screen and (max-width: 1280px) {
.areacont .area-title .title{font-size: 30px;}
.areacont .detaile-links { font-size: 14px;width: 160px;height: 40px;line-height: 38px;margin-top: 30px;}
.areacont .detaile-links .icon {width: 18px;height: 11px;}
.about-area1 .tit{font-size: 28px;}
.secondary-banner .tit {font-size: 28px;}
.secondary-banner p{font-size: 30px;}
}
@media screen and (max-width: 1024px) {
.areacont .area-title .title{font-size: 26px;}
.areacont .detaile-links { font-size: 14px;width: 14vw;height: 36px;line-height: 32px;border-width: 1px;margin-top: 25px;}
.areacont .detaile-links .icon {width: 15px;height: 9px;}
.about-area1 .tit{font-size: 24px;}
.about-area1 .usinfor {line-height: 26px;}
.secondary-banner .tit {font-size: 24px;}
.secondary-banner p{font-size: 26px;}
.secondary-banner.b2b .tit{font-size: 26px;font-weight: normal;}
.secondary-banner.b2b .txt{font-size: 32px;}
}
@media screen and (max-width: 768px) {
.secondary-banner .overtxt {width: 80%;}
.areacont .area-title .title{font-size: 24px;}
.areacont .detaile-links { font-size: 14px;width: 25vw;height: 36px;line-height: 32px;margin-top: 20px;}
.areacont .detaile-links .icon {width: 19px;height: 9px;}
.about-area1 .tit{font-size: 22px;}
.secondary-banner .tit {font-size: 20px;margin-top: 18px;}
.secondary-banner p{font-size: 22px;}
.secondary-banner .overtxt { text-align: center;}
}
@media screen and (max-width: 600px) {
.areacont .area-title .title{padding:0 24px;font-size: 16px;line-height: 30px;}
.areacont .detaile-links { font-size: 14px;width: 30vw;height: 30px;line-height: 28px;border-width: 1px;}
.areacont .detaile-links .icon {width: 0px;height: 9px;}
.areacont .area-title .title-txt { padding: 0 20px; font-size: 14px; }
.about-area1 .tit{font-size: 18px;}
.about-area1 .usinfor {line-height: 22px;}
.secondary-banner .tit {font-size: 14px;margin-top: 10px;}
.secondary-banner p{font-size: 16px;}
.secondary-banner { height: 20vh;}
.secondary-banner>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: none;height: 100%;}
.secondary-banner.b2b .tit{font-size: 16px;font-weight: normal;}
.secondary-banner.b2b .txt{font-size: 18px;}
.areacont {padding-bottom: 12px; }
}
/* 公共部分end */
/* 首页 */
/* 首页banner */
.index-banner .mask-box{position: absolute;left: 0;top: 0; width: 100%;padding: 12% 0; height: 100%; color: #ffffff;z-index: 3;font-weight: 600;}
.index-banner .mask-box .txt1 p:nth-child(1){font-size: 56px;}
.index-banner .mask-box .txt1 p:nth-child(2){font-size: 56px;}
.index-banner .mask-box .txt2{margin-top: 30px;}
.index-banner .mask-box .txt2 p{font-size: 28px;}
.index-banner .mask-box .h-btn{transition: all 0.4s;margin-bottom: 2%; display: block;width: 260px;height: 60px;line-height: 60px;color: #ffffff; background: #F4BB01;text-align: center;font-size: 18px;}
.index-banner .mask-box .h-btn .icon{ display: inline-block;width: 21px;height: 15px;background: url(../img/icon2.png) no-repeat center center;margin-left: 4px;}
.index-banner .mask-box .h-btn:hover{transition: all 0.4s;background: #c00000;}
.index-banner .swiper-slide>img{transition: all 0.9s;transform: scale(1);}
.index-banner .swiper-slide.swiper-slide-active>img{transition: all 0.9s;transform: scale(1.1);}
.index-banner .swiper-pagination{bottom: 30px;}
.index-banner .swiper-pagination .swiper-pagination-bullet{width: 56px;height: 3px;background: #FFFFFF;border-radius: 0;opacity: 1;position: relative;}
.index-banner .swiper-pagination .swiper-pagination-bullet::after{content: "";display: inline-block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background: #c00000;transition: all 0.3s;}
.index-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{transition: all 3s;width: 100%;}
@media screen and (max-width: 1680px) {
.index-banner .mask-box .txt2 { margin-top: 4%;}
.index-banner .mask-box .txt1 p:nth-child(1) {font-size: 46px; }
.index-banner .mask-box .txt1 p:nth-child(2) { font-size: 52px;}
}
@media screen and (max-width: 1440px) {
.index-banner .mask-box .txt1 p:nth-child(1) {font-size: 42px; }
.index-banner .mask-box .txt1 p:nth-child(2) { font-size: 48px;}
.index-banner .mask-box .h-btn { width: 230px; height: 58px; line-height: 58px;}
.index-banner .swiper-pagination .swiper-pagination-bullet {width: 52px;}
}
@media screen and (max-width: 1366px) {
.index-banner .mask-box .txt2 { margin-top: 2%;}
.index-banner .mask-box .txt1 p:nth-child(1) {font-size: 40px; }
.index-banner .mask-box .txt1 p:nth-child(2) { font-size: 44px;}
.index-banner .mask-box .h-btn { width: 220px; height: 50px; line-height: 50px;}
.index-banner .swiper-pagination .swiper-pagination-bullet {width: 50px;}
}
@media screen and (max-width: 1280px) {
.index-banner .mask-box {padding: 3% 0;}
.index-banner .mask-box .txt1 p:nth-child(1) {font-size: 34px; }
.index-banner .mask-box .txt1 p:nth-child(2) { font-size: 38px;}
.index-banner .mask-box .h-btn { font-size: 16px; width: 200px; height: 46px; line-height: 46px;}
.index-banner .swiper-pagination .swiper-pagination-bullet {width: 46px;}
.index-banner .mask-box .h-btn .icon { width: 20px; height: 13px; background: url(../img/icon2.png) no-repeat center center; background-size: 100% auto; }
}
@media screen and (max-width: 1040px) {
.index-banner .mask-box .txt1 p:nth-child(1) { font-size: 28px; }
.index-banner .mask-box .txt1 p:nth-child(2) { font-size: 32px; }
.index-banner .mask-box .h-btn { font-size: 14px; width: 20vw; height: 40px; line-height: 40px;}
.index-banner .mask-box .h-btn .icon {width: 18px; height: 9px; }
.index-banner .swiper-pagination .swiper-pagination-bullet { width: 36px; height: 4px; border-radius: 10px; }
.index-banner .swiper-pagination .swiper-pagination-bullet::after { border-radius: 10px;}
}
@media screen and (max-width: 768px) {
.index-banner .mask-box .txt1 p:nth-child(1) { font-size: 24px; }
.index-banner .mask-box .txt1 p:nth-child(2) { font-size: 26px; }
.index-banner .mask-box .h-btn { width: 25vw; height: 36px; line-height: 36px;}
.index-banner .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 3px; border-radius: 10px; }
.index-banner .swiper-pagination .swiper-pagination-bullet::after { border-radius: 10px;}
}
@media screen and (max-width: 600px) {
.index-banner .mask-box .txt1 p:nth-child(1) { font-size: 14px;}
.index-banner .mask-box .txt1 p:nth-child(2) {font-size: 16px; }
.index-banner .mask-box p.phone-txt{display: none;}
.index-banner .mask-box p.link-txt{display: none;}
.index-banner .mask-box .h-btn .icon { display: none; }
.index-banner .swiper-pagination {bottom: 10px;}
.index-banner .swiper-pagination .swiper-pagination-bullet { width: 20px;height: 2px;}
.index-banner .mask-box .h-btn {width: 24vw;height: 28px;line-height: 28px;margin: 10px auto 0;}
.index-banner .mask-box { text-align: center; }
}
/* <!-- 首页-æ•°æ®åˆ—表 --> */
.index-area1 {margin-bottom: 50px;}
.index-area1 .data-item{display: inline-block;width: 25%;padding-left: 5%; position: relative;transition: all 0.4s;}
.index-area1 .data-item .counter{font-size: 64px;font-weight: 600;color: #222222;line-height: 96px;}
.index-area1 .data-item::after{content: "";display: inline-block;width: 1px; height: 44px; background: #D5D5D5;position: absolute;top: 50%;right: 0;margin-top: -22px;}
.index-area1 .data-item:last-child::after{opacity: 0;}
.index-area1 .data-item .secorde{font-size: 24px;}
.index-area1 .data-item .name{font-size: 16px; font-weight: 400; color: #666666; line-height: 24px;}
@media screen and (max-width: 1680px) {
.index-area1 .data-item .counter { font-size: 62px;}
}
@media screen and (max-width: 1440px) {
.index-area1 .data-item .counter { font-size: 58px;}
}
@media screen and (max-width: 1366px) {
.index-area1 .data-item .counter { font-size: 54px;}
.index-area1 {margin-bottom: 30px;}
}
@media screen and (max-width: 1280px) {
.index-area1 .data-item .counter { font-size: 50px;}
.index-area1 .data-item .secorde { font-size: 20px;}
.index-area1 .data-item::after { height: 40px;}
}
@media screen and (max-width: 1024px) {
.index-area1 .data-item .counter { font-size: 42px; line-height: 80px;}
.index-area1 .data-item .secorde { font-size: 18px;}
.index-area1 .data-item::after { height: 30px;}
.index-area1 .data-item .name { font-size: 12px;}
}
@media screen and (max-width: 768px) {
.index-area1 .data-item .counter { font-size: 38px;line-height: 70px;}
.index-area1 .data-item .secorde { font-size: 16px;}
.index-area1 {margin-bottom: 20px;}
}
@media screen and (max-width: 500px) {
.index-area1 .data-item .counter { font-size: 25px;}
.index-area1 .data-item .secorde { font-size: 14px;}
.index-area1 .data-item { padding-left: 3%;}
.index-area2 .skill-cont li p { margin-top: 10px;}
}
/* 首页-æŠ€æœ¯å¼€å‘ */
.index-area2 .left-cont{display: inline-block;width: 74.5%;margin-right: 1.5%;}
.index-area2 .skill-cont li{position: relative;overflow: hidden;}
.index-area2 .left-cont>li{margin-bottom: 2.2%;}
.index-area2 .left-cont>li:nth-child(2n+1){margin-right: 2.3%;}
.index-area2 .left-cont .big-item{ width: 65.7%;}
.index-area2 .left-cont .small-item{width: 31.9%;}
.index-area2 .right-cont{display: inline-block;width: 24%;}
.index-area2 .right-cont li>img{width: 100%;}
.index-area2 .skill-cont li>img{width: 100%;transition: all 0.4s;}
.index-area2 .skill-cont li:hover>img{transition: all 0.4s;transform: scale(1.1);}
.index-area2 .skill-cont li .overtxt{ position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; transition: all .5s cubic-bezier(.4,0,.2,1) 0s;}
.index-area2 .skill-cont li .state1{display: block;text-align: center;transition: all 0.4s;position: absolute; top: 50%;left: 0;width: 100%;}
.index-area2 .skill-cont li p{color: #ffffff;margin-top: 15px;}
.index-area2 li .state2{width: 100%;opacity: 0;transition: all 0.4s; position: absolute; top: 50%;left: 0;padding:0 42px;-webkit-transform: translateX(0%);transform: translateX(0%);}
.index-area2 .skill-cont li:hover .overtxt{transition: all .5s cubic-bezier(.4,0,.2,1) 0s;background: rgba(162, 0, 0,0.6);}
.index-area2 li:hover .state1{display: none; }
.index-area2 li:hover .state2{opacity: 1; transition: all 0.4s;color: #ffffff;left: 0;-o-transform: translate(0%,-50%);-moz-transform: translate(0%,-50%);-ms-transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);}
.index-area2 li .state2 .titele img{display: inline-block;margin-right: 20px;}
.index-area2 li .state2 .item-txt{text-align: justify; -webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.index-area2 li:hover .state2 .detaile-links{transition: all 0.8s;}
@media screen and (max-width: 1440px) {
.index-area2 .skill-cont li .overtxt img{width: 42px;}
}
@media screen and (max-width: 1366px) {
.index-area2 .skill-cont li .overtxt img{ width: 35px; margin-right: 14px; position: relative; top: -4px;}
.index-area2 li .state2 { padding: 0 30px;}
}
@media screen and (max-width: 1280px) {
.index-area2 .skill-cont li .overtxt img{width: 30px;margin-right: 15px;}
.index-area2 li .state2 { padding: 0 22px;}
}
@media screen and (max-width: 1040px) {
.index-area2 .skill-cont li .overtxt img{width: 25px;margin-right: 10px;}
.index-area2 li .state2 { padding: 0 15px;}
.index-area2 li .state2 .titele{font-size: 16px;margin-bottom: 10px; text-align: center;}
.index-area2 li .state2 .item-txt{display: none;}
.index-area2 li:hover .state2 .detaile-links { float: none; margin: 20px auto 0; width: 16vw;}
}
@media screen and (max-width: 500px) {
.index-area2 .left-cont { width: 100%; margin-right: 0%; }
.index-area2 .skill-cont li .overtxt img {width: 22px; margin-right: 3px; }
.index-area2 .right-cont { width: 100%; }
.index-area2 .right-cont .big-item {overflow: hidden;position: relative;height: 18vh;}
.index-area2 .right-cont .big-item>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-area2 .right-cont .big-item:hover>img{transform: translate(-50%,-50%) scale(1.1);}
.index-area2 li .state2 .titele { font-size: 14px; margin-bottom: 6px;}
.index-area2 li:hover .state2 .detaile-links { margin: 10px auto 0; width: 20vw; }
}
/*首页- 产å“ä¸å¿ƒ */
.index-area3{color: #ffffff;transition: all 0.5s;}
.index-area3.bg1{background: #35404d url(../img/index/bg2.jpg) no-repeat center top;background-size:cover;}
.index-area3.bg2{background: #35404d url(../img/index/bg2_1.jpg) no-repeat center top;background-size:cover;}
.index-area3.bg3{background: #35404d url(../img/index/bg2_2.jpg) no-repeat center top;background-size:cover;}
.index-area3.bg4{background: #35404d url(../img/index/bg2_3.jpg) no-repeat center top;background-size:cover;}
.index-area3 .area-title{color: #ffffff;}
.index-area3 .area-title .title{color: #ffffff;}
.index-area3 .product-cont{width: 100%;}
.index-area3 .left-tab{width: 20%;}
.index-area3 .left-tab .tab-item{display: block;font-size: 22px;cursor: pointer;margin-bottom: 6px; width: 100%;height: 60px;line-height: 60px;padding:0 20px;
transition: all 0.4s;position: relative;}
.index-area3 .left-tab .tab-item:hover{transition: all 0.4s;background: #d70009;}
.index-area3 .left-tab .tab-item .icon {display: inline-block;width: 30px;height: 100%; opacity: 0; position: relative;
background:url(../img/icon2.png) no-repeat center center;position: absolute;top: 0;right: 20px;}
.index-area3 .left-tab .tab-item:hover .icon{opacity: 1;}
.index-area3 .left-tab .tab-item.active{background: #d70009;}
.index-area3 .left-tab .tab-item.active .icon{opacity: 1;}
.index-area3 .right-cont {width: 73%;}
.index-area3 .product-cont .cont-item{width: 100%;display: none;}
.index-area3 .product-cont .cont-item.active-cont{display: block;}
.index-area3 .right-cont .cont-item .item{transition: all 0.4s; display: flex;background: #ffffff;}
.index-area3 .right-cont .item .item-img{overflow: hidden;position: relative;width: 32%;text-align: center;padding: 50px 0}
.index-area3 .right-cont .item .item-img img{width: 90%;transition: all 0.4s;}
.index-area3 .right-cont .item:hover .item-img img{transform: scale(1.1);}
.index-area3 .right-cont .item .item-txt{padding: 20px 22px;transition: all 0.4s;width: 66%;}
.index-area3 .right-cont .item .p-title{font-size: 24px;margin-bottom: 10px;font-weight: 600;color: #222222;}
.index-area3 .right-cont .item .p-txt{font-size: 18px;color: #222222;width: 100%;text-indent: 2em;}
.index-area3 .right-cont .detaile-links{width: 140px; height: 40px;border-radius: 30px; font-size: 18px;top:8px ; border: 2px solid #d70009;color: #d70009;line-height: 36px;background: #ffffff;}
.index-area3 .right-cont .detaile-links .icon{margin-left:3px; background: url(../img/icon3.png) no-repeat ;height: 14px; background-size: 100%; position: relative;
top: 3px;}
/*-解决方案 */
.index-area4 .tab-box .tab-item{position: relative;display: inline-block;width: 16.6%;text-align: center;transition: all 0.4s;padding: 22px 10px 15px;}
.index-area4 .tab-box .tab-item.active-tab::after{content: "";display: inline-block;width: 0;height: 0;position: absolute;bottom: -26px;left: 50%;margin-left: -16px;border-style: solid;border-width: 13px 15px;border-color: #ffffff transparent transparent transparent;z-index: 1;}
.index-area4 .tab-box .tab-item .tab-tit{margin-top: 10px;font-weight: 600;line-height: 26px;}
.index-area4 .tab-box .tab-item:hover{transition: all 0.4s;color: #d70009;}
.index-area4 .tab-box .tab-item.active-tab{color: #d70009;}
.index-area4 .tab-box .tab-item .icon{height: 56px;position: relative;}
.index-area4 .tab-box .tab-item .icon img{height: 100%;}
.index-area4 .tab-box .tab-item .icon .c2{opacity: 0;transition: all 0.4s;-webkit-transform: translate(-50%,0%);position: absolute;transform: translate(-50%,-0%);left: 50%;bottom: 0;}
.index-area4 .tab-box .tab-item:hover .icon .c1{display: none;}
.index-area4 .tab-box .tab-item:hover .icon .c2{opacity: 1;transition: all 0.4s;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);transition: all 0.4s;}
.index-area4 .tab-box .tab-item.active-tab .icon .c1{display: none;}
.index-area4 .tab-box .tab-item.active-tab .icon .c2{opacity: 1;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.index-area4 .case-info{position: relative;display: none;overflow: hidden;}
.index-area4 .case-info.active-c{display: block;}
.index-area4 .case-info>img{width: 100%;}
.index-area4 .case-info .overtxt{position: absolute;top: 50%;left: 0;width: 100%;}
.index-area4 .case-info .overtxt .title{font-size: 48px;color: #222222;margin-bottom: 30px;font-weight: 600;}
.index-area4 .case-info.black-item .overtxt{color: #ffffff;}
.index-area4 .case-info.black-item .overtxt .title{color: #ffffff;}
.index-area4 .case-info .infor-txt{font-size: 24px;line-height: 38px;width: 60%;text-align: justify;}
.index-area4 .case-info.black-item .overtxt .detaile-links{background:#ffffff ;color: #d70009;}
.index-area4 .case-info.black-item .overtxt .detaile-links .icon{background: url(../img/icon3.png) no-repeat;background-size: 100%;}
.index-area4 .case-info.black-item .overtxt .detaile-links:hover{transition: all 0.4s;background: transparent; color: #ffffff;border: 1px solid #ffffff;}
.index-area4 .case-info.black-item .overtxt .detaile-links:hover .icon{background: url(../img/icon2.png) no-repeat;background-size: 100%;}
.index-area4 .case-info .overtxt .wrap{animation:fadeIn 0.5s ease-in ;}
@media screen and (max-width: 1680px) {
.index-area4 .tab-box .tab-item .icon{height: 52px;}
.index-area4 .case-info .overtxt .title { font-size: 46px;}
}
@media screen and (max-width: 1440px) {
.index-area4 .tab-box .tab-item .icon{height: 50px;}
.index-area4 .case-info .overtxt .title { font-size: 42px;}
.index-area4 .case-info .infor-txt{font-size: 20px;line-height: 34px;}
}
@media screen and (max-width: 1366px) {
.index-area4 .tab-box .tab-item .icon{height: 42px;}
.index-area4 .case-info .overtxt .title { font-size: 36px; margin-bottom: 15px;}
.index-area4 .case-info .infor-txt{font-size: 18px;line-height: 30px;}
}
@media screen and (max-width: 1280px) {
.index-area4 .tab-box .tab-item .icon{height: 38px;}
.index-area4 .case-info .overtxt .title { font-size: 30px;}
}
@media screen and (max-width: 1040px) {
.index-area4 .tab-box .tab-item .icon{height: 38px;}
.index-area4 .case-info .overtxt .title { font-size: 28px;}
.index-area4 .tab-box .tab-item { padding: 22px 5px 15px;}
.index-area4 .case-info .overtxt .title { font-size: 26px;margin-bottom: 10px;}
.index-area4 .case-info .infor-txt{font-size: 18px;}
.index-area4 .tab-box .tab-item { padding: 15px 5px 10px;}
}
@media screen and (max-width: 768px) {
.index-area4 .tab-box .tab-item .icon{height: 30px;}
.index-area4 .case-info .overtxt .title { font-size: 20px;margin-bottom: 5px;}
.index-area4 .case-info .infor-txt{font-size: 16px;line-height: 22px;}
.index-area4 .tab-box .tab-item { padding: 15px 5px 10px;}
.index-area4 .tab-box .tab-item { padding: 15px 5px 10px;}
}
@media screen and (max-width: 500px) {
.index-area4 .case-info .overtxt .title { font-size: 18px;margin-bottom: 5px;}
.index-area4 .tab-box .tab-item .tab-txt{ display: none;}
.index-area4 .case-info .infor-txt{font-size: 14px;width: 90%;line-height: 20px;}
.index-area4 .case-info {height: 40vh;position: relative; }
.index-area4 .tab-box .tab-item .icon{ height: 22px;}
.index-area4 .tab-box .tab-item.active-tab::after {bottom: -20px;margin-left: -18px;border-width: 10px 10px;}
.index-area4 .detaile-links {font-size: 14px;width: 35vw;height: 36px;line-height: 32px;border-width: 1px;margin-top: 15px; }
.index-area4 .case-info>img { width: auto; height: 100%; position: absolute;max-width: none; top: 50%; left: 50%; transform: translate(-55%, -50%); }
.index-area4 .tab-box .tab-item .tab-tit {line-height: 20px; }
.index-area4 .case-info .overtxt { padding: 0 15px;}
}
/*æœåŠ¡æ¡ˆä¾‹ */
.index-area5 .service-list{padding: 0 30px;display: grid;grid-template-columns: repeat(3,1fr);gap: 1.6%;}
.service-list .list-item{position: relative;overflow: hidden;}
.service-list .list-item:nth-child(3n){margin-right: 0;}
.service-list .list-item .item-img{width: 100%;overflow: hidden;}
.service-list .list-item .item-img>img{width: 100%;transition: all 0.4s; height: 19vw;}
.service-list .list-item:hover .item-img img{transition: all 0.4s;transform: scale(1.15);}
.service-list .list-item .item-img .logo{opacity: 1;position: absolute;left: 50%;top: 50%;display: inline-block;}
.service-list .list-item .item-img .logo img{height:110px;}
.service-list .list-item:hover .item-img .logo{opacity: 0;}
.service-list .list-item:hover::after{content: "";display: block;width: 100%;height: 100%;background: #d72e35;opacity: 0.89;position: absolute;top: 0;left: 0;}
.service-list .list-item .overtxt{position: absolute;left: 0;top: 50%;z-index: 5; text-align: center; width: 100%; opacity: 0; transition: all 0.4s;transform: translateY(0%);}
.service-list .list-item:hover .overtxt{transition: all 0.4s;opacity: 1;transform: translateY(-50%);}
.service-list .list-item .item-item{font-size: 36px;color: #ffffff;position: relative;margin-bottom: 60px;}
.service-list .list-item .detaile-links{margin:0 auto 20px;border-radius: 23px;transition: all 0.4s;}
.service-list .list-item .detaile-links:hover{background: #ffffff;transition: all 0.4s;}
.index-area5 .contlink{margin: 40px auto 0;border: 1px solid #d70009;color: #d70009;background: #ffffff;border-radius: 25px;}
.index-area5 .contlink .icon{background: url(../img/icon3.png) no-repeat ; background-size: 100%;margin-left: 4px;}
.index-area5 .contlink:hover {transition: all 0.4s;background: #d70009;color: #ffffff;}
.index-area5 .contlink:hover .icon{background: url(../img/icon2.png) no-repeat ; background-size: 100%;}
@media screen and (max-width: 1680px) {
.service-list .list-item .item-item {font-size: 44px; margin-bottom: 30px; }
.service-list .list-item .item-img>img{ height: 18.8vw;}
}
@media screen and (max-width: 1440px) {
.service-list .list-item .item-item {font-size: 40px;margin-bottom: 26px; }
}
@media screen and (max-width: 1366px) {
.service-list .list-item .item-item {font-size: 32px;margin-bottom: 20px; }
.service-list .list-item .detaile-links { margin: 0 auto 16px;}
}
@media screen and (max-width: 1280px) {
.service-list .list-item .item-item {font-size: 28px;margin-bottom: 15px; }
.service-list .list-item .detaile-links { margin: 0 auto 12px;}
.service-list .list-item .detaile-links{ width: 140px;height: 36px;line-height: 34px;}
}
@media screen and (max-width: 1040px) {
.service-list .list-item .item-item {font-size: 26px;margin-bottom: 12px; }
.service-list .list-item .detaile-links { margin: 0 auto 10px;}
.service-list .list-item .detaile-links{ width: 130px;height: 32px;line-height: 30px;}
.index-area5 .service-list { padding: 0 20px;}
}
@media screen and (max-width: 768px) {
.service-list .list-item .item-item {font-size: 22px;margin-bottom: 20px;}
.service-list .list-item{width: 49%;margin-right: 1.6%;margin-bottom: 1.6%;}
.service-list .list-item:nth-child(3n){margin-right: 1.6%;}
.service-list .list-item:nth-child(2n){margin-right: 0;}
.index-area5 .contlink .icon { background: url(../img/icon3.png) no-repeat; background-size: 14px auto; margin-left: 4px;}
.service-list .list-item .item-img>img { height: 28.5vw; }
}
@media screen and (max-width: 600px) {
.service-list .list-item .item-item {font-size: 22px;margin-bottom: 20px;}
.service-list .list-item{width: 49%;margin-right: 1.6%;margin-bottom: 1.6%;}
.service-list .list-item:nth-child(3n){margin-right: 1.6%;}
.service-list .list-item:nth-child(2n){margin-right: 0;}
.index-area5 .contlink .icon { background: url(../img/icon3.png) no-repeat;background-size: 100%; width: 16px; margin-left: 4px;}
.service-list .list-item { width: 100%; margin-right: 0;}
.index-area5 .service-list { padding: 0 10px;}
}
/*首页- 我们的åˆä½œä¼™ä¼´ */
.index-area6{background: #f9f9f9;}
.index-area6 .teamwork-list .item{width: 18.8%;margin-right: 1.5%;margin-bottom: 1.5%;background: #ffffff;transition: all 0.4s;}
.index-area6 .teamwork-list .item:hover{transition: all 0.4s; box-shadow: 0 0 12px 3px #e4e4e3;}
.index-area6 .teamwork-list .item:nth-child(5n){margin-right: 0;}
.index-area6 .teamwork-list .item img{width: 100%;}
.index-kehu ul li{width:18.8%;margin-right: 1.5%;margin-bottom: 1.5%; float:left; position:relative; border:1px solid #f3f3f3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left:-1px; margin-top:-1px;}
.index-kehu ul li:nth-child(5n){margin-right: 0;}
.index-kehu ul li span{display:block; overflow:hidden;}
.index-kehu ul li span img{opacity: 0.5;width:100%; display:block; /*-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;*/}
.index-kehu ul li:hover span img{opacity: 1;-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
.index-kehu ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10;}
.index-kehu ul li .bg:before,.index-kehu ul li .bg:after{position:absolute;top:0px;right:0px;bottom:0px;left:0px;content: '';opacity:0;pointer-events:none;-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;transition: opacity 0.35s,transform 0.35s;}
.index-kehu ul li .bg:before{border-top:2px solid #cb0808; border-bottom:2px solid #cb0808; -webkit-transform: scale(0,1); transform: scale(0,1);}
.index-kehu ul li .bg:after{border-right:2px solid #cb0808; border-left:2px solid #cb0808; -webkit-transform: scale(1,0); transform: scale(1,0);}
.index-kehu ul li:hover .bg:after,.index-kehu ul li:hover .bg:before{opacity:1; -webkit-transform: scale(1); transform: scale(1);}
@media screen and (max-width: 1280px) {
.index-area6 .teamwork-list .item{width: 23.8%;}
.index-area6 .teamwork-list .item:nth-child(5n){margin-right: 1.5%;}
.index-area6 .teamwork-list .item:nth-child(4n){margin-right: 0%;}
}
@media screen and (max-width: 1040px) {
.index-area6 .teamwork-list .item{width: 32.3%;}
.index-area6 .teamwork-list .item:nth-child(4n){margin-right: 1.5%;}
.index-area6 .teamwork-list .item:nth-child(3n){margin-right: 0%;}
}
@media screen and (max-width: 500px) {
.index-area6 .teamwork-list .item{width: 49.2%;}
.index-area6 .teamwork-list .item:nth-child(3n){margin-right: 1.5%;}
.index-area6 .teamwork-list .item:nth-child(2n){margin-right: 0%;}
}
/* æ–°é—»åŠ¨æ€ */
.index_news .newscont{display: flex;justify-content:space-between }
.index_news .newscont .news_left{width: 36%}
.index_news .newscont .news_right{width: 58%}
.index_news .newscont .item{display: inline-block; margin-right: 3%; width:100%;transition: all 0.4s;}
.index_news .newscont .item:last-child{margin-right: 0;}
.index_news .newscont .item .item-img {width: 100%;overflow: hidden;}
.index_news .newscont .item .item-img img{width: 100%;transition: all 0.4s;object-fit: cover;}
.index_news .newscont .item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.index_news .newscont .item .item-txt{transition: all 0.4s;padding: 20px;border: 1px solid #F2F2F2; height: 172px;}
.index_news .newscont .item .item-txt:hover{transition: all 0.4s;background: #f9f9f9;}
.index_news .newscont .item .item-txt h5{font-size: 24px;color:#222222 ;transition: all 0.4s;font-weight: 600;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index_news .newscont .item:hover .item-txt h5{transition: all 0.4s;color: #d70009;}
.index_news .newscont .item .txt{color: #333333;line-height: 30px;font-size: 18px;height: 90px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.index_news .contlink{margin:25px auto;background: #ffffff;border: 1px solid #d70009;color:#d70009 ;border-radius: 25px;}
.index_news .contlink .icon{background: url(../img/icon3.png) no-repeat center center;background-size: 100%;}
.index_news .contlink:hover{transition: all 0.4s;background:#d70009 ;color: #ffffff;}
.index_news .contlink .icon{background: url(../img/icon3.png) no-repeat center center;background-size: 100%;}
.index_news .contlink:hover .icon{background: url(../img/icon2.png) no-repeat center center;background-size: 100%;}
.index_news .newscont .news_right .item{display:flex;margin-bottom:20px }
.index_news .newscont .news_right .item .item-img {width: 30%;overflow: hidden;}
.index_news .newscont .news_right .item .item-img img{width: 100%;height: 160px;transition: all 0.4s; height: 9vw;object-fit: cover;}
.index_news .newscont .news_right .item .item-txt {width: 68%;overflow: hidden;height: 173px;}
.index_news .news_head{display: flex;justify-content:space-between}
.index_news .news_head .title{font-size: 44px;}
.index_news .news-tab{display: flex;}
.index_news .news-tab .tab-item{display: block;font-size: 18px;cursor: pointer;margin-bottom: 6px;margin-left:10px; width: 100%;height: 40px;line-height: 40px;padding:0 20px;
transition: all 0.4s;position: relative;}
.index_news .news-tab .tab-item:hover{transition: all 0.4s;background: #d70009;color: #fff;}
.index_news .news-tab .tab-item.active{background: #d70009;color: #fff;}
.index_news .newscont .cont-item{width: 100%;display: none;}
.index_news .newscont .cont-item.active-cont{display: block;}
.news_list .newscont .item{display: inline-block; margin-right: 3%; width: 31.3%;transition: all 0.4s;}
.news_list .newscont .item:last-child{margin-right: 0;}
.news_list .newscont .item .item-img {width: 100%;overflow: hidden;}
.news_list .newscont .item .item-img img{width: 100%;transition: all 0.4s; height: 16.2vw;object-fit: cover;}
.news_list .newscont .item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.news_list .newscont .item .item-txt{transition: all 0.4s;padding: 20px;border: 1px solid #F2F2F2; height: 190px;}
.news_list .newscont .item .item-txt:hover{transition: all 0.4s;background: #f9f9f9;}
.news_list .newscont .item .item-txt h5{font-size: 24px;color:#222222 ;transition: all 0.4s;font-weight: 600;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list .newscont .item:hover .item-txt h5{transition: all 0.4s;color: #d70009;}
.news_list .newscont .item .txt{color: #333333;line-height: 30px;font-size: 18px;height: 90px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.news_list .contlink{margin:25px auto;background: #ffffff;border: 1px solid #d70009;color:#d70009 ;border-radius: 25px;}
.news_list .contlink .icon{background: url(../img/icon3.png) no-repeat center center;background-size: 100%;}
.news_list .contlink:hover{transition: all 0.4s;background:#d70009 ;color: #ffffff;}
.news_list .contlink .icon{background: url(../img/icon3.png) no-repeat center center;background-size: 100%;}
.news_list .contlink:hover .icon{background: url(../img/icon2.png) no-repeat center center;background-size: 100%;}
#form_sub>div{display: flex;height: 56px;justify-content: center;}
#form_sub #content{width: 460px;}
@media screen and (max-width: 1680px) {
.news_list .newscont .item .item-img img{ height: 16.2vw;}
}
@media screen and (max-width: 1440px) {
.news_list .newscont .item .item-txt h5 { font-size: 22px; margin-bottom: 18px;}
.news_list .newscont .item .item-img img { height: 17.8vw; }
}
@media screen and (max-width: 1366px) {
.news_list .newscont .item .item-txt h5 { font-size: 20px; margin-bottom: 16px;}
.news_list .newscont .item .txt { font-size: 16px;line-height: 24px;height: 75px;}
.news_list .newscont .item .item-txt { height: 172px;}
.news_list .newscont .item .item-img img { height: 18.5vw; }
.news_list .contlink{margin:30px auto;}
}
@media screen and (max-width: 1280px) {
.news_list .newscont .item .item-txt h5 { font-size: 18px; margin-bottom: 14px;}
.news_list .newscont .item .txt { font-size: 14px;line-height: 22px;height: 66px;}
.news_list .newscont .item .item-txt { height: 172px;}
.news_list .newscont .item .item-img img { height: 18vw; }
}
@media screen and (max-width: 768px) {
.news_list .newscont .item .item-txt { transition: all 0.4s; padding: 15px;height: auto;}
.news_list .newscont .item { margin-right: 0; width: 100%; margin-bottom: 15px;}
.news_list .newscont .item .item-img img {height: 62.5vw; }
.news_list .contlink{margin:20px auto;}
#form_sub #content{width:100%;}
}
@media screen and (max-width: 600px) {
.news_list .contlink { margin: 10px auto; border: 1px solid #d70009; }
.news_list .newscont .item .txt { -webkit-line-clamp: 2;text-align: justify;}
.news_list .newscont .item .item-img img { height: 63.5vw;}
}
/* å…费获å–解决方案 */
.index-area8{background: #f9f9f9; padding-top: 20px;}
.index-area8 .input-item{width: 14%;font-size: 16px;padding: 0 25px; display: inline-block;margin-right: 1.5%;background: #FFFFFF;border: 1px solid #F2F2F2;}
.index-area8 .input-item:nth-child(3){width: 24%;}
.index-area8 .input-item.btn{width: 12%;background: #1f1f1f;color: #ffffff;transition: all 0.4s;}
.index-area8 .input-item.btn:hover{transition: all 0.4s;background:#d70009 ;}
@media screen and (max-width: 1366px) {
.index-area8 .input-item { padding: 0 20px; margin-right: 1%; height: 56px; line-height: 56px;}
.index-area8 .input-item.btn {width: 16%;}
.index-area8 .input-item { width: 24.2%;margin-bottom: 20px;}
.index-area8 .input-item.btn {width: 24%;display: block;float: none;}
}
@media screen and (max-width: 768px) {
.index-area8 .input-item { width: 49%;}
.index-area8 .input-item:nth-child(4) { width: 49%; }
.index-area8 .input-item.btn {width: 100%;margin-top: 20px;}
}
@media screen and (max-width: 500px) {
.index-area8 .input-item { padding: 0 15px; margin-right: 0%; height: 46px; line-height: 46px; width: 100%; margin-bottom: 10px;}
.index-area8 .input-item:nth-child(3),.index-area8 .input-item:nth-child(4) { width: 100%;}
.index-area8 .input-item.btn {width: 100%; }
}
.new_index_cooperate{background: #f9f9f9;}
.new_index_cooperate .new_cooperate_list li {
transition: all 0.4s;
padding: 20px 30px;
width: 23.85%;
height: 181px;
margin-right: 1.5%;
margin-bottom: 1.5%;
background-size: cover !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.new_index_cooperate .new_cooperate_list li:hover{transition: all 0.4s;border-radius: 10px; box-shadow: 0 0 12px 3px #ececec;transform: translateY(-10px);}
.new_index_cooperate .new_cooperate_list li:nth-child(4n) {
margin-right: 0;
}
.new_index_cooperate .new_cooperate_list li h3 {
margin-bottom: 15px;
font-size: 24px;
color: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.new_index_cooperate .new_cooperate_list li h3 img {
margin-right: 5px;
width: 45px;
height: 45px;
-o-object-fit: contain;
object-fit: contain;
}
.new_index_cooperate .new_cooperate_list li p {
font-size: 14px;
color: #666;
line-height: 20px;
}
.youshi{display: flex;align-items: center;justify-content: center;}
.youshi .item_tit{font-size: 18px;font-weight: 600}
.youshi .item_desc{font-size: 16px;color: #7f7e7e;line-height: 1.6;padding: 10px 0 30px}
.youshi .box_1:first-child li{text-align: right;}
.youshi .box_1 li:nth-child(2){padding-right: 40px}
.youshi .box_1 li:nth-child(3){padding-right: 40px}
.youshi .box_con li:nth-child(2){padding-left: 46px}
.youshi .box_con li:nth-child(3){padding-left: 46px}
.youshi img{padding: 0 15px;}
/* <!-- æœåŠ¡åœºæ™¯ --> */
.jishu-area1 .scene-cont .item{width: 24%;margin-right: 1.3%;text-align: center; position: relative;overflow: hidden;}
.jishu-area1 .scene-cont .item>img{transition: all 0.4s;width: 100%;}
.jishu-area1 .scene-cont .item::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.4s;}
.jishu-area1 .scene-cont .item:hover::after{transition: all 0.4s;opacity: 0.7;background:#d70009 ;}
.jishu-area1 .scene-cont .item:hover>img{transition: all 0.4s;transform: scale(1.1);}
.jishu-area1 .scene-cont .item:nth-child(4n){margin-right: 0;}
.jishu-area1 .scene-cont .item .overtxt{z-index: 5; position: absolute;left: 0;top: 50%; width: 100%;color: #ffffff;padding: 0 5%;}
.jishu-area1 .scene-cont .item .txt2{padding: 0 10%; transition: all 0.4s;opacity: 0; position: absolute;width: 100%;left: 0;top:50%;-o-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform:translateY(-100%); -webkit-transform:translateY(-100%) ; transform: translateY(-100%);}
.jishu-area1 .scene-cont .item .txt1{opacity: 1;animation: fadeInUp 0.4s ease-in;}
.jishu-area1 .scene-cont .item:hover .txt1{opacity: 0;}
.jishu-area1 .scene-cont .txt1 h4{position: relative;}
.jishu-area1 .scene-cont .txt1 h4::after{content: "";display: inline-block;width: 60px; height: 3px; background: #FFFFFF; border-radius: 2px;position: absolute;left: 50%;bottom: -10px;-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
.jishu-area1 .scene-cont .item:hover .txt2{transition: all 0.6s;opacity: 1; -o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%) ; transform: translateY(-50%);}
.jishu-area1 .scene-cont .txt2 h4{margin-bottom: 15px;}
.jishu-area1 .scene-cont .txt2 .txt{font-size: 22px; -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.jishu-area1 .scene-cont .zixun-btn{width: 200px;height: 46px;line-height: 42px;transition: all 0.4s; text-align: center;color: #ffffff; border-radius: 23px;border: 2px solid #FFFFFF;margin: 0 auto;}
.jishu-area1 .scene-cont .zixun-btn .icon{display: inline-block;margin-left: 2px;width: 22px;height: 14px;background: url(../img/icon2.png) no-repeat center center ;}
@media screen and (max-width: 1440px) {
.jishu-area1 .scene-cont .item .txt1 .icon img{height: 62px;}
.jishu-area1 .scene-cont .txt2 .txt {font-size: 20px;}
}
@media screen and (max-width: 1366px) {
.jishu-area1 .scene-cont .item .txt1 .icon img{height: 58px;}
.jishu-area1 .scene-cont .item h4 { font-size: 24px;}
.jishu-area1 .scene-cont .item .txt2 {padding: 0 8%;}
.jishu-area1 .scene-cont .txt2 h4 {margin-bottom: 10px; font-size: 25px;}
.jishu-area1 .scene-cont .txt2 .txt {font-size: 18px;}
.jishu-area1 .scene-cont .item .txt2 {padding: 0 6%;}
.jishu-area1 .scene-cont .zixun-btn { width: 180px; height: 44px; line-height: 40px;}
.jishu-area1 .scene-cont .txt1 h4::after { width: 56px; height: 2px;}
}
@media screen and (max-width: 1280px) {
.jishu-area1 .scene-cont .item .txt1 .icon img{height: 52px;}
.jishu-area1 .scene-cont .item h4 { font-size: 20px;}
.jishu-area1 .scene-cont .txt2 .txt {font-size: 16px;}
.jishu-area1 .scene-cont .zixun-btn { width: 160px; height: 42px; line-height: 40px;border-width: 1px;}
.jishu-area1 .scene-cont .txt1 h4::after { width: 50px;}
.jishu-area1 .scene-cont .item .txt1 .icon img{height: 42px;}
.jishu-area1 .scene-cont .item .txt2>.icon img{height: 38px;}
}
@media screen and (max-width: 1040px) {
.jishu-area1 .scene-cont .item .txt1 .icon img{height: 42px;}
.jishu-area1 .scene-cont .item .txt2>.icon img{height: 26px;}
.jishu-area1 .scene-cont .item .txt2>.icon{margin-bottom: 10px;}
.jishu-area1 .scene-cont .item h4 { font-size: 18px;}
.jishu-area1 .scene-cont .txt2 .txt {font-size: 14px; margin-bottom: 15px;}
.jishu-area1 .scene-cont .zixun-btn { width: 140px; height: 40px; line-height: 38px;}
.jishu-area1 .scene-cont .zixun-btn .icon{background-size: 18px;height: 11px;}
}
@media screen and (max-width: 768px) {
.jishu-area1 .scene-cont .item .txt1 .icon img{height: 36px;border-radius: 0;}
.jishu-area1 .scene-cont .item .txt2>.icon img{height: 32px;}
.jishu-area1 .scene-cont .item h4 { font-size: 16px;}
.jishu-area1 .scene-cont .zixun-btn { width: 120px; height: 38px; line-height: 36px;}
.jishu-area1 .scene-cont .zixun-btn .icon{background-size: 18px ;height: 15px;}
.jishu-area1 .scene-cont .txt1 h4::after { width: 40px;}
}
@media screen and (max-width: 700px) {
.jishu-area1 .scene-cont .item { width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
.jishu-area1 .scene-cont .item:nth-child(2n){margin-right: 0;}
.jishu-area1 .scene-cont .zixun-btn { width: 20vw; height: 36px; line-height: 34px;}
}
.jishu-area2{background: #4a5a6b url(../img/jishu/bg1.jpg) no-repeat center center;background-size:100% 100% ;}
.jishu-area2 .area-title{color: #ffffff;}
.jishu-area2 .area-title .title{color: #ffffff;}
.jishu-area2 .Geek-oriented .item{padding-left:30px; width: 18.8%;height: 100px;color: #222222;background: #ffffff; line-height: 100px; margin-right: 1.5%;margin-bottom: 1.5%;transition: all 0.4s;}
.jishu-area2 .Geek-oriented .item:nth-child(5n){margin-right: 0;}
.jishu-area2 .Geek-oriented .item:hover{transition: all 0.4s; background: #d70009;color: #ffffff;}
.jishu-area2 .Geek-oriented .item .icon{display: inline-block; width: 65px; float: left; height: 100%;position: relative; }
.jishu-area2 .Geek-oriented .item .icon img{position: absolute;top: 50%;left: 0;}
.jishu-area2 .Geek-oriented .item .icon .i1{opacity: 0;transition: all 0.4s;}
.jishu-area2 .Geek-oriented .item .icon .i2{opacity: 1;}
.jishu-area2 .Geek-oriented .item:hover .icon .i1{opacity: 1;transition: all 0.4s;}
.jishu-area2 .Geek-oriented .item:hover .icon .i2{opacity: 0;}
.jishu-area2 .detaile-links{margin:0 auto;}
.jishu-area2 .detaile-links:hover{transition: all 0.4s;background: #d70009;color: #ffffff;border-color:#d70009;}
@media screen and (max-width: 1440px) {
.jishu-area2 .Geek-oriented .item .icon img {width: 38px;}
}
@media screen and (max-width: 1366px) {
.jishu-area2 .Geek-oriented .item .icon img {width: 36px;}
.jishu-area2 .Geek-oriented .item .icon { width: 50px;}
.jishu-area2 .Geek-oriented .item {padding-left: 20px;}
}
@media screen and (max-width: 1280px) {
.jishu-area2 .Geek-oriented .item .icon img {width: 32px;}
.jishu-area2 .Geek-oriented .item .icon { width: 40px;}
.jishu-area2 .Geek-oriented .item { width: 23.8%;margin-right: 1.5%;}
.jishu-area2 .Geek-oriented .item:nth-child(5n){margin-right: 1.5%;}
.jishu-area2 .Geek-oriented .item:nth-child(4n){margin-right: 0%;}
}
@media screen and (max-width: 1040px) {
.jishu-area2 .Geek-oriented .item .icon { width: 38px;}
}
@media screen and (max-width: 768px) {
.jishu-area2 .Geek-oriented .item {width: 32.3%;margin-right: 1.5%;}
.jishu-area2 .Geek-oriented .item:nth-child(4n){margin-right: 1.5%;}
.jishu-area2 .Geek-oriented .item:nth-child(3n){margin-right: 0%;}
.jishu-area2 .detaile-links { margin: 40px auto 20px; }
}
@media screen and (max-width: 500px) {
.jishu-area2 .Geek-oriented .item {width: 49%;margin-right: 2%;}
.jishu-area2 .Geek-oriented .item:nth-child(5n) { margin-right: 2%;}
.jishu-area2 .Geek-oriented .item:nth-child(4n){margin-right: 2%;}
.jishu-area2 .Geek-oriented .item:nth-child(3n){margin-right: 2%;}
.jishu-area2 .Geek-oriented .item:nth-child(2n){margin-right: 0%;}
}
/*政务*/
.government-title {
text-align: center;
color: #1d2754;
font-size: 32px;font-weight: 600;
line-height: 50px;
padding: 10px 0 16px
}
.government-cont{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding-bottom: 49px;
padding-top: 8px
}
.government-item {
display: flex;
width: 50%;
padding-top: 32px
}
.government-item:nth-child(2n) {
padding-left: 75px
}
.government-item:nth-child(2n-1) {
padding-right: 75px
}
.government-item img {
height: 116px;
width: 116px
}
.government-item .government-txt {
margin-left: 16px;
display: flex;
flex-direction: column;
justify-content: center
}
.government-item h6 {
color: #040f42;
font-size: 20px;
line-height: 32px;
font-weight: 400;
padding-bottom: 10px
}
.government-item p {
font-size: 16px;
color: #606787;
line-height: 26px
}
.ub-main {
width: 100%;
height: 100%;
}
.ub-serviceAudit .ub-grayBg {
width: 100%;
padding: 60px 0 80px 0;
background-image: linear-gradient(226deg, #F5F8FF 0%, #F6F9FF 49%, #F0F4FC 100%);
}
.ub-serviceAudit .ub-whiteBg {
width: 100%;
padding: 60px 0 80px 0;
background: #fff;
}
.ub-serviceAudit .ub-publicLoyout {
width: 1400px;
margin: auto;
}
.ub-serviceAudit .ub-publicTitle {
font-weight: 700;
font-size: 32px;
color: #333333;
text-align: center;
}
.ub-serviceAudit .ub-peculiarityContent {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 50px;
}
.ub-serviceAudit .ub-peculiarityContent>div {
width: 23%;
padding: 32px 16px 16px 16px;
background: #F8FBFF;
border: 1px solid #F3F8FF;
border-radius: 8px;
transition: all 0.3s;
box-shadow: 0 16px 20px 0 #d2def761, inset 2px 2px 4px 0 #FFFFFF;
}
.ub-serviceAudit .ub-peculiarityContent>div:hover {
transform: scale(1.05);
}
.ub-serviceAudit .ub-peculiarityContent>div>div {
text-align: center;
}
.ub-serviceAudit .ub-peculiarityContent>div>div img {
width: 80px;
height: 80px;
}
.ub-serviceAudit .ub-peculiarityContent>div>div.img img {
width: 100%;
height: 120px;
}
.ub-serviceAudit .ub-peculiarityContent>div>p:nth-of-type(1) {
font-weight: 900;
font-size: 20px;
color: #333333;
text-align: center;
margin-top: 30px;
}
.ub-serviceAudit .ub-peculiarityContent>div>p:nth-of-type(2) {
margin-top: 24px;
font-size: 16px;
color: #444753;
line-height: 28px;
}
.ub-serviceAudit .ub-process {
margin: 50px auto 80px auto;
font-size: 0;
width: 885px;
position: relative;
}
.ub-serviceAudit .ub-flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.ub-serviceAudit .ub-examinee-process-step-text {
color: #17181B;
font-size: 26px;
line-height: 26px;
}
.ub-serviceAudit .ub-examinee-process-step-line {
width: 55px;
border-top: 2px solid #DEE1E9;
margin-left: 10px;
}
.ub-serviceAudit .ub-examinee-process-step-circle {
background: #F3F5FA;
border: 2px solid #89B2F4;
border-radius: 50%;
width: 40px;
height: 40px;
color: #557BEE;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.ub-serviceAudit .ub-examinations-process-po {
position: absolute;
right: -21px;
top: -40px;
}
.ub-serviceAudit .ub-examinations-process-po2 {
position: absolute;
left: -21px;
top: -40px;
}
.ub-serviceAudit .ub-examinee-process-step-img {
max-width: 57px;
max-height: 31px;
}
.ub-serviceAudit .ub-examinee-process-step-box1 {
position: absolute;
top: 22.5%;
left: -19.6%;
}
.ub-serviceAudit .ub-examinee-process-step-box2 {
position: absolute;
top: 47%;
left: -17%;
}
.ub-serviceAudit .ub-examinee-process-step-box3 {
position: absolute;
top: 68%;
left: -9%;
}
.ub-serviceAudit .ub-examinee-process-step-box4 {
position: absolute;
top: 83.5%;
left: 3.4%;
}
.ub-serviceAudit .ub-examinee-process-step-box5 {
position: absolute;
top: 98.5%;
left: 19%;
}
.ub-serviceAudit .ub-examinee-process-step-box5 img {
margin-left: 10px;
margin-bottom: 30px;
}
.ub-serviceAudit .ub-examinee-process-step-box6 {
position: absolute;
top: 98.5%;
right: 19%;
}
.ub-serviceAudit .ub-examinee-process-step-box6 img {
margin-left: 10px;
margin-bottom: 30px;
}
.ub-serviceAudit .ub-examinee-process-step-box7 {
position: absolute;
top: 83.5%;
right: calc(3.4% - 5px);
}
.ub-serviceAudit .ub-examinee-process-step-box8 {
position: absolute;
top: 68%;
right: calc(-9% - 5px);
}
.ub-serviceAudit .ub-examinee-process-step-box9 {
position: absolute;
top: 47%;
right: calc(-20% - 5px);
}
.ub-serviceAudit .ub-examinee-process-step-box10 {
position: absolute;
top: 22.5%;
right: calc(-20% - 4px);
}
.ub-serviceAudit .ub-process img {
width: 892px;
}
.solution-content {
width: 1400px;
text-align: center;
margin: 0 auto
}
.clear-float::after {
content: '';
clear: both;
display: block
}
.solution-content .solution-list {
width: 100%;
margin-top: 55px
}
.solution-content .solution-list .solution-item {
width: 456px;
height: 220px;
background: #FFFFFF;
border-radius: 6px;
float: left;
box-sizing: border-box;
text-align: left;
padding-left: 16px;
margin-right: 15px;
padding: 0px 22px;
position: relative;
margin-top: 15px
}
.solution-content .solution-list .solution-item .feature-icon {
padding-bottom: 13px;
padding-top: 22px
}
.solution-content .solution-list .solution-item .icon-font{background: #0d9ffb;display: flex;width: 60px;height: 60px;border-radius: 50%;justify-content: center;align-items: center;}
.solution-content .solution-list .solution-item .icon-font img{width: 50%;}
.solution-content .solution-list .solution-item .feature-icon em {
font-size: 40px
}
.solution-content .solution-list .solution-item .feature-content {
text-align: left
}
.solution-content .solution-list .solution-item .feature-content h3 {
font-size: 18px;
font-family: PingFangSC-Medium,PingFang SC;
font-weight: 500;
color: #333333;
line-height: 20px;
padding-bottom: 7px
}
.solution-content .solution-list .solution-item .feature-content p {
margin: 0 auto;
height: 40px;
font-size: 14px;
font-family: PingFangSC-Regular,PingFang SC;
font-weight: 400;
color: #788297;
line-height: 24px
}
.solution-content .solution-list .solution-item .img-normal {
position: absolute;
top: 100px;
right: 0px
}
.solution-content .solution-list .solution-item:hover {
background: #FFFFFF;
box-shadow: 0 6px 14px 0 rgba(0,0,0,0.08);
border-radius: 6px
}
.solution-content .solution-list .solution-item:hover h3 {
color: #333333
}
.solution-content .solution-list .solution-item:nth-child(3) {
margin-right: 0px
}
.solution-content .solution-list .solution-item:nth-child(6) {
margin-right: 0px
}
.solution-content .solution-list .solution-item:nth-child(9) {
margin-right: 0px
}
.solution-content .solution-list .solution-item:nth-child(12) {
margin-right: 0px
}
.solution-content .solution-list .solution-item:nth-child(15) {
margin-right: 0px
}
/* æœåŠ¡æµç¨‹ */
.jishu-area3 .flow-cont .flow-item{width: 20%;margin-right: 3.5%;display: inline-block;}
.jishu-area3 .flow-cont .flow-item:nth-child(3){margin-right: 0;}
.jishu-area3 .flow-cont .flow2{width: 53%;}
.jishu-area3 .flow-cont .cont{width: 100%;}
.jishu-area3 .flow-cont .flow-item .flow-c{display: inline-block;width: 100%;height: 200px;padding: 30px 20px 0; border: 1px solid #E6E6E6;}
.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n+1){background: #ffffff;border-bottom: #ffffff;}
.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n){background: #F9F9F9;}
.jishu-area3 .flow-cont .flow2 .flow-c{ width: 33.28%;border-top: #ffffff;}
.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2n){background: #ffffff;}
.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2){border: none;border-bottom: 1px solid #E6E6E6;}
.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(5){border: none;border-bottom: 1px solid #E6E6E6;}
.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2n+1){background: #F9F9F9;}
.jishu-area3 .flow-cont .flow-item .tite{height: 64px;line-height: 64px; background: #d70009;color: #ffffff;text-align: center;}
.jishu-area3 .flow-cont .flow-item .c-top img{display: inline-block;margin-right: 6px;}
.jishu-area3 .flow-cont .flow-item .txt{color: #808B9F;line-height: 27px;text-align: left;-webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
@media screen and (max-width: 1366px) {
.jishu-area3 .flow-cont .flow-item {margin-right: 2%;}
.jishu-area3 .flow-cont .flow2 { width: 54%;}
.jishu-area3 .flow-cont .flow-item .tite { height: 60px; line-height: 60px;}
.jishu-area3 .flow-cont .flow-item .flow-c { padding: 20px 20px 0;}
.jishu-area3 .flow-cont .flow-item .c-top img { margin-right: 5px;height: 32px;}
.jishu-area3 .flow-cont .flow-item .txt { line-height: 24px;}
}
@media screen and (max-width: 1280px) {
.jishu-area3 .flow-cont .flow-item .c-top img { margin-right: 5px; height: 30px; }
.jishu-area3 .flow-cont .flow-item {margin-right: 1.5%;}
.jishu-area3 .flow-cont .flow-item .txt { line-height: 22px; -webkit-line-clamp: 4;}
.jishu-area3 .flow-cont .flow-item .tite {height: 56px;line-height: 56px;}
}
@media screen and (max-width: 1040px) {
.jishu-area3 .flow-cont .flow-item .c-top img { height: 28px; }
.jishu-area3 .flow-cont .flow-item .txt { line-height: 20px; -webkit-line-clamp: 4;font-size: 14px;}
.jishu-area3 .flow-cont .flow-item .flow-c .c-top {font-size: 16px;}
.jishu-area3 .flow-cont .flow-item .tite {height: 52px;line-height: 52px;}
}
@media screen and (max-width: 900px) {
.jishu-area3 .flow-cont .flow-item {width: 100%;}
.jishu-area3 .flow-cont .flow-item .flow-c { width: 50%; height: 200px; border: none;border-bottom: 1px solid #E6E6E6;height: 146px;}
.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n+1) {border-bottom: 1px solid #e6e6e6;background: #ffffff; }
.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(4){background: #F9F9F9;}
.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(5){background: #F9F9F9;}
.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(1){background: #F9F9F9;}
.jishu-area3 .flow-cont .flow-item .tite {height: 50px;line-height: 50px;}
}
@media screen and (max-width: 768px) {
}
/* æœåŠ¡ä¼˜åŠ¿ */
.jishu-area4 .advantage-cont{position: relative;height: 556px;overflow: hidden;}
.jishu-area4 .advantage-cont .list-item{position: absolute;width: 25%;height: 556px;top: 0;}
.jishu-area4 .advantage-cont .list-item:nth-child(1){left: 0;width: 23%;}
.jishu-area4 .advantage-cont .list-item:nth-child(2){left: 17%;}
.jishu-area4 .advantage-cont .list-item:nth-child(3){left: 37%;}
.jishu-area4 .advantage-cont .list-item:nth-child(4){left: 57%;}
.jishu-area4 .advantage-cont .list-item:nth-child(5){left: 77%;z-index: 1;width: 23%;}
.jishu-area4 .advantage-cont .list-item img{height: 100%;}
.jishu-area4 .advantage-cont .list-item .overtxt{position: absolute;top: 50%; left: 0;width: 100%;color: #ffffff;padding: 0 20%;text-align: center;z-index: 3;}
.jishu-area4 .advantage-cont .list-item:first-child .overtxt { padding: 0 25% 0 9%;}
.jishu-area4 .advantage-cont .list-item .txt{display: none;margin-top: 30px; transition: all 0.4s;text-align: left;}
.jishu-area4 .advantage-cont .list-item .icon2{display: none;transition: all 0.4s; padding-left: 20px;text-align: left;}
.jishu-area4 .advantage-cont .list-item .icon2 img{display: inline-block;margin-right: 20px;position: relative;top: -3px;}
.jishu-area4 .advantage-cont .list-item::after{content: "";opacity: 0;transition: all 0.4s; display: inline-block;width: 100%;height: 100%;background: url(../img/jishu/4.png) no-repeat center center;background-size: 100% 100%; position: absolute;left: 0;top: 0;}
.jishu-area4 .advantage-cont .list-item:nth-child(1)::after{background: url(../img/jishu/12.png) no-repeat center center;}
.jishu-area4 .advantage-cont .list-item:nth-child(5)::after{background: url(../img/jishu/11.png) no-repeat 6% center;}
.jishu-area4 .advantage-cont .list-item:hover::after{opacity:1;transition: all 0.4s;}
.jishu-area4 .advantage-cont .list-item:hover .txt{display: block;transition: all 0.4s;}
.jishu-area4 .advantage-cont .list-item:hover .icon2{display: block;transition: all 0.4s;}
.jishu-area4 .advantage-cont .list-item:hover .icon1{display: none;transition: all 0.4s;}
@media screen and (max-width: 1366px) {
.jishu-area4 .advantage-cont .list-item .overtxt{padding: 0 15%;}
.jishu-area4 .advantage-cont .list-item .overtxt .tit{font-size: 20px;}
.jishu-area4 .advantage-cont .list-item .overtxt .tit img{ width: 36px; margin-right: 15px;}
.jishu-area4 .advantage-cont .list-item .icon2 { padding-left: 10px;}
}
@media screen and (max-width: 1280px) {
.jishu-area4 .advantage-cont .list-item .overtxt{padding: 0 20%;}
.jishu-area4 .advantage-cont .list-item .overtxt .tit{font-size: 18px;}
.jishu-area4 .advantage-cont .list-item .overtxt .tit img{width: 34px;}
.jishu-area4 .advantage-cont .list-item .txt {margin-top: 20px;}
.jishu-area4 .advantage-cont .list-item .icon2 { padding-left: 0px;}
}
@media screen and (max-width: 1040px) {
.jishu-area4 .advantage-cont .list-item .overtxt{padding: 0 10%;}
.jishu-area4 .advantage-cont .list-item .overtxt .tit{font-size: 16px;}
.jishu-area4 .advantage-cont .list-item .overtxt .tit img{width: 30px;margin-right: 10px;}
.jishu-area4 .advantage-cont .list-item .txt {margin-top: 10px;}
}
@media screen and (max-width: 768px) {
.jishu-area4 .advantage-cont { height: auto!important;}
.jishu-area4 .advantage-cont .list-item {width: 34.5%;position: relative; background: #718592;float: left;height: auto!important;}
.jishu-area4 .advantage-cont .list-item .overtxt .tit img{width: 28px;margin-right: 8px;}
.jishu-area4 .advantage-cont .list-item:nth-child(1) {width: 46.5%; }
.jishu-area4 .advantage-cont .list-item:nth-child(2) { left: 0;width: 53%;}
.jishu-area4 .advantage-cont .list-item:nth-child(3) { left: 0; }
.jishu-area4 .advantage-cont .list-item:nth-child(4) { left: 0;}
.jishu-area4 .advantage-cont .list-item:nth-child(5) { left: 0; width: 30.7%; }
.jishu-area4 .advantage-cont .list-item:hover .txt { display: none;}
}
@media screen and (max-width: 600px) {
}
/* 资质展示 */
.jishu-area5 {background: #F9F9F9;}
.jishu-area5 .certi-cont {overflow: hidden;}
.jishu-area5 .certi-cont .item{display: inline-block;width: 23.5%;margin-right: 2%; margin-bottom: 2%; background: #FFFFFF;text-align: center;transition: all 0.4s;padding: 5px 30px 20px;}
.jishu-area5 .certi-cont .item:nth-child(4n){margin-right: 0;}
.jishu-area5 .certi-cont .item:hover{box-shadow: 0px 4px 10px 4px #E0E0E0;transition: all 0.4s;}
.jishu-area5 .certi-cont .item img{object-fit: contain;}
.jishu-area5 .certi-cont .item h6{padding-top: 10px;}
@media screen and (max-width: 1680px) {
.jishu-area5 .certi-cont .item h6{font-size: 20px;}
}
@media screen and (max-width: 1440px) {
.jishu-area5 .certi-cont .item h6{font-size: 18px;}
}
@media screen and (max-width: 1280px) {
.jishu-area5 .certi-cont .item {padding: 10px 15px 20px;}
.jishu-area5 .certi-cont .item h6{font-size: 16px;}
}
@media screen and (max-width: 1040px) {
.jishu-area5 .certi-cont .item {width: 32%;}
.jishu-area5 .certi-cont .item:nth-child(4n){margin-right: 2%;}
.jishu-area5 .certi-cont .item:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 768px) {
.jishu-area5 .certi-cont .item {width: 48.5%;margin-right: 3%;}
.jishu-area5 .certi-cont .item:nth-child(3n){margin-right: 3%;}
.jishu-area5 .certi-cont .item:nth-child(2n){margin-right: 0;}
.jishu-area5 .certi-cont .item h6{font-size: 14px;height: 36px;}
}
/* 案例展示 */
.case-area1 .tab-box{width: 100%; height: 60px;background: #FFFFFF;box-shadow: 0px 5px 12px 2px rgba(227, 227, 227, 0.5);}
.case-area1 .tab-box.on{position: fixed;top: 0;left: 0;z-index: 5;}
.case-area1 .tab-box .tab-item{display: inline-block;width: 9%;text-align: center; height: 100%;line-height: 60px;transition: all 0.4s;font-weight: 600;border-left: 1px solid #f2f2f2;}
.case-area1 .tab-box .tab-item:last-child{border-right: 1px solid #f2f2f2;}
.case-area1 .tab-box .tab-item:hover{transition: all 0.4s; background: #d70009;color: #ffffff;font-weight: 400;border-color: #d70009;}
.case-area1 .tab-box .tab-item.active-tab{transition: all 0.4s; background: #d70009;color: #ffffff;font-weight: 400;border-color: #d70009;}
.case-area1 .tabcont-box{padding: 70px 30px 60px;}
.case-area1 .tabcont-box .contitem{display: none;}
.case-area1 .tabcont-box .contitem .ifnocase{width: 100%;text-align: center;font-size: 16px;}
.case-area1 .tabcont-box .contitem .ifnocase:hover{background: #ffffff;}
@media screen and (max-width: 1280px) {
.case-area1 .tabcont-box { padding: 60px 20px 50px; }
.case-area1{margin-bottom: 40px;}
}
@media screen and (max-width: 1040px) {
.case-area1 .tab-box {height: 50px;}
.case-area1 .tabcont-box { padding: 50px 20px 40px; }
.case-area1 .tab-box .tab-item { line-height: 50px; font-size: 14px; }
}
@media screen and (max-width: 768px) {
.case-area1 .tab-box {height: 50px;overflow: hidden;overflow-x: scroll;scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */}
.case-area1 .tab-box::-webkit-scrollbar { display: none; /* Chrome Safari */}
.case-area1 .tab-box>.wrap{width: 1000px;}
.case-area1 .tabcont-box { padding: 40px 10px 30px; }
.case-area1{margin-bottom: 20px;}
}
@media screen and (max-width: 500px) {
.case-area1 .tabcont-box { padding: 30px 0px; }
.case-area1{margin-bottom: 10px;}
}
/* 案例详情 */
.case-area2 .left-data{width: 39%;padding:30px 30px 0 4%;}
.case-area2 .left-data .data-title{font-size: 34px;position: relative;font-weight: 600;margin-bottom: 10px;}
.case-area2 .left-data .data-title::before{content: "";display: inline-block;width: 8px;height: 34px;background: #d70009;margin-right: 16px;position: relative;top: 3px;}
.case-area2 .left-data .data-type{color: #333333;margin-bottom: 15px;}
.case-area2 .left-data .ata-info{color: #333333;line-height: 24px;text-align: justify;}
.case-area2 .left-data .btn-box a{display: inline-block;margin-bottom: 15px;color: #ffffff;}
.case-area2 .left-data .btn-box .btn{width: 150px; height: 34px; background: #d70009;line-height: 34px;text-align: center;color: #ffffff;transition: all 0.4s;}
.case-area2 .left-data .btn-box .btn:hover{transition: all 0.4s;background: #ff9e01;}
.case-area2 .left-data .btn-box .back-btn{background: #BABABA;}
.case-area2 .left-data .links .icon{width: 60px;height: 34px;background: #d70009;transition: all 0.4s;line-height: 34px;text-align: center;font-size: 22px;}
.case-area2 .left-data .links .icon:hover{transition: all 0.4s;background: #ff9e01;}
.case-area2 .right-data{width:60.5% ;}
.case-area2 .right-data p{padding: 0 30px;line-height: 26px;font-size: 16px;}
@media screen and (max-width: 1440px) {
.case-area2 .left-data .data-title {font-size: 32px;}
}
@media screen and (max-width: 1366px) {
.case-area2 .left-data .data-title {font-size: 30px;}
}
@media screen and (max-width: 1280px) {
.case-area2 .left-data .data-title {font-size: 28px;}
.case-area2 .left-data .data-title::before {width: 6px;height: 30px;}
}
@media screen and (max-width: 1040px) {
.case-area2 .left-data .data-title {font-size: 26px;}
}
@media screen and (max-width: 768px) {
.case-area2 .left-data .data-title {font-size: 22px;}
.case-area2 .left-data {width: 100%;padding: 20px 20px 0 3%; }
.case-area2 .right-data {width: 100%;padding: 20px; }
.case-area2 .left-data .data-title::before {width: 4px;height: 26px;}
}
@media screen and (max-width: 500px) {
.case-area2 .left-data .data-title {font-size: 18px;}
.case-area2 .left-data {width: 100%;padding: 20px 10px 0 3%; }
.case-area2 .right-data {width: 100%;padding: 10px; }
.case-area2 .left-data .data-title::before {width: 3px;height: 24px;}
}
/* 高端网站定制 */
/* æœåŠ¡æµç¨‹ */
.made-area1 .flow-cont{display: flex;justify-content: space-between;}
.made-area1 .flow-cont .item{width: 22%;transition: all 0.4s;background: #fff;box-shadow: 0 0 12px 1px rgba(136,184,255,.16);border-radius: 6px;}
.made-area1 .flow-cont .item .icon{margin-bottom: 15px;border-top-right-radius: 8px;border-top-left-radius: 8px;overflow: hidden;}
.made-area1 .flow-cont .item h5{margin-bottom: 15px;font-weight: 600;padding: 0 20px;}
.made-area1 .flow-cont .item .txt{line-height:1.6;font-size: 16px;font-weight: 500;color: #6c7076;padding:0 20px 20px 20px;}
@media screen and (max-width: 1680px) {
.made-area1 .flow-cont .item .icon img{height: 70px;}
}
@media screen and (max-width: 1440px) {
.made-area1 .flow-cont .item .icon img{height: 66px;}
}
@media screen and (max-width: 1366px) {
.made-area1 .flow-cont .item .icon img{height: 62px;}
.made-area1 .flow-cont .item h5 {font-size: 22px;}
}
@media screen and (max-width: 1280px) {
.made-area1 .flow-cont .item .icon img{height: 56px;}
.made-area1 .flow-cont .item h5 {font-size: 20px;}
.made-area1 .flow-cont .item .txt{font-size: 16px;}
}
@media screen and (max-width: 1040px) {
.made-area1 .flow-cont .item .icon img{height: 50px;}
.made-area1 .flow-cont .item h5 {font-size: 18px;}
.made-area1 .flow-cont .item .txt{font-size: 14px;}
}
@media screen and (max-width: 768px) {
.made-area1 .flow-cont .item .icon img{height: 42px;}
.made-area1 .flow-cont .item { width: 49%; padding: 20px 2%; margin-right: 2%; margin-bottom: 10px; box-shadow: 0 0 10px 2px #ececec;height: 360px;}
.made-area1 .flow-cont .item:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 414px) {
.made-area1 .flow-cont .item .icon img{height: 36px;}
.made-area1 .flow-cont .item .txt { height: 110px; }
.made-area1 .flow-cont .item { height: 350px; }
}
/* 技术ç†å¿µ */
.made-area2 {background: #F9F9F9;}
.made-area2 .jishu-idea .item{width: 32%;margin-right: 2%;}
.made-area2 .jishu-idea .item:last-child{margin-right: 0;}
.made-area2 .jishu-idea .item-img{overflow: hidden;width: 100%;}
.made-area2 .jishu-idea .item-img img{width: 100%;transition:all 0.4s;}
.made-area2 .jishu-idea .item:hover img{transition: all 0.4s;transform: scale(1.1);}
.made-area2 .jishu-idea .item-txt{background: #ffffff;padding:0 30px 20px;text-align: center;transition: all 0.4s;}
.made-area2 .jishu-idea .item:hover .item-txt{background: #c00000;color: #ffffff;}
.made-area2 .jishu-idea .item .tit{margin-bottom: 10px;font-weight: 600;}
.made-area2 .jishu-idea .item .txt{line-height: 26px;}
@media screen and (max-width: 1440px) {
.made-area2 .jishu-idea .item .tit{font-size: 24px;}
}
@media screen and (max-width: 1366px) {
.made-area2 .jishu-idea .item .tit{font-size: 22px;}
}
@media screen and (max-width: 1280px) {
.made-area2 .jishu-idea .item .tit{font-size: 20px;}
.made-area2 .jishu-idea .item .txt{font-size: 16px;line-height: 22px;height: 68px;}
}
@media screen and (max-width: 1040px) {
.made-area2 .jishu-idea .item .tit{font-size: 18px;}
.made-area2 .jishu-idea .item .txt{font-size: 14px;line-height: 20px;height: 68px;}
.made-area2 .jishu-idea .item-txt { padding: 0 20px 20px;}
}
@media screen and (max-width: 768px) {
.made-area2 .jishu-idea .item .tit {font-size: 16px;text-align: justify; }
.made-area2 .jishu-idea .item .txt {font-size: 14px;line-height: 20px;height: 80px;text-align: justify;}
.made-area2 .jishu-idea .item-txt { padding: 0 15px 20px;}
}
@media screen and (max-width: 500px) {
.made-area2 .jishu-idea .item .tit {font-size: 16px; }
.made-area2 .jishu-idea .item .txt {height:auto;}
.made-area2 .jishu-idea .item { width: 100%; margin-right: 0;margin-bottom: 10px;box-shadow: 0 0 10px 3px #ececec;}
}
/* 增值æœåŠ¡ */
.made-area3 .value-added{overflow: hidden;height: 504px;}
.made-area3 .value-added .list-item{height: 100%;width: 15%;position: relative;background-size: auto 100%;color: #ffffff;overflow: hidden;transition: width 0.4s;}
.made-area3 .value-added .list-item.bigitem{width: 40%;}
.made-area3 .value-added .list-item::after{content: ""; display: none;width: 100%;height: 100%;background: #d70009;opacity: 0;transition: all 0.5s;}
.made-area3 .value-added .list-item:hover::after{transition: all 0.5s;opacity: 0.8;display: block;}
.made-area3 .value-added .list-item .itemtxt{position: absolute;left: 0;top: 50%;transition: all 0.4s;width: 100%; z-index: 3;text-align: center;}
.made-area3 .value-added .list-item .overtxt{position: absolute;left: 0;top: 50%;padding: 0 7%; line-height: 38px;text-align: justify; transition: all 0.4s;width: 100%; display: none;z-index: 3;}
.made-area3 .value-added .list-item img{position: relative;top: -5px;}
.made-area3 .value-added .list-item:hover .itemtxt{display: none;}
.made-area3 .value-added .list-item:hover .overtxt{display: block;opacity: 1;}
.made-area3 .value-added .overtxt .tit {font-size: 48px;}
.made-area3 .value-added .overtxt .tit img{display: inline-block;margin-right: 20px;}
.made-area3 .value-added .link-btn{display: inline-block;width: 200px;color: #ffffff; float: right; text-align: center; margin-top: 130px; height: 46px;line-height: 42px;border-radius: 23px;border: 2px solid #FFFFFF; }
.made-area3 .value-added .link-btn .icon{display: inline-block;width: 30px;height: 14px;margin-left: 2px;background: url(../img/icon2.png) no-repeat center center;}
@media screen and (max-width: 1680px) {
.made-area3 .value-added .list-item img{height: 55px;}
.made-area3 .value-added .overtxt .tit {font-size: 46px;}
}
@media screen and (max-width: 1440px) {
.made-area3 .value-added .list-item img{height: 50px;}
.made-area3 .value-added .overtxt .tit {font-size: 40px;}
.made-area3 .value-added .list-item .itemtxt h6{font-size: 40px;}
.made-area3 .value-added { height: 480px; }
}
@media screen and (max-width: 1360px) {
.made-area3 .value-added .list-item img{height: 50px;top: -3px;}
.made-area3 .value-added .overtxt .tit {font-size: 34px;}
.made-area3 .value-added .list-item .itemtxt h6{font-size: 38px;}
.made-area3 .value-added { height: 450px; }
.made-area3 .value-added .link-btn{margin-top: 100px;width: 180px;}
}
@media screen and (max-width: 1280px) {
.made-area3 .value-added .list-item img{height: 44px;}
.made-area3 .value-added .overtxt .tit {font-size: 28px;}
.made-area3 .value-added .list-item .itemtxt h6{font-size: 28px;}
.made-area3 .value-added { height: 420px; }
.made-area3 .value-added .link-btn{margin-top: 80px;width: 160px;}
}
@media screen and (max-width: 1280px) {
.made-area3 .value-added .list-item img{height: 38px;}
.made-area3 .value-added .overtxt .tit {font-size: 22px;}
.made-area3 .value-added .list-item .itemtxt h6{font-size: 22px;}
.made-area3 .value-added { height: 380px; }
.made-area3 .value-added .link-btn{margin-top: 60px;width: 150px;border-width: 1px;}
.made-area3 .value-added .overtxt .tit img { margin-right: 12px;top: -5px; }
.made-area3 .value-added .list-item .overtxt { line-height: 30px;}
}
@media screen and (max-width: 1040px) {
.made-area3 .value-added .list-item img{height: 30px;}
.made-area3 .value-added .overtxt .tit {font-size: 18px;}
.made-area3 .value-added .list-item .itemtxt h6{font-size: 18px;}
.made-area3 .value-added { height: 320px; }
.made-area3 .value-added .link-btn{margin-top: 50px;height: 40px; line-height: 38px;width: 140px;}
.made-area3 .value-added .overtxt .tit img { margin-right: 8px; top: 0px; }
.made-area3 .value-added .list-item .overtxt { line-height: 26px;}
.made-area3 .value-added .list-item .overtxt .txt{font-size: 16px;}
}
@media screen and (max-width: 768px) {
.made-area3 .value-added .list-item img{height: 24px;}
.made-area3 .value-added .overtxt .tit {font-size: 16px;}
.made-area3 .value-added .list-item .itemtxt h6{font-size: 16px;}
.made-area3 .value-added { height: 330px; }
.made-area3 .value-added .link-btn{margin-top: 30px;height: 38px; line-height: 36px;}
.made-area3 .value-added .overtxt .tit img { margin-right: 5px; }
.made-area3 .value-added .list-item .overtxt { line-height: 22px;}
.made-area3 .value-added .list-item .overtxt .txt{font-size: 14px;}
}
@media screen and (max-width: 500px) {
.made-area3 .value-added {height: auto; }
.made-area3 .value-added .list-item { height: 100%; width: 100%; height: 200px; background-size: 100%!important;margin-bottom: 10px;}
.made-area3 .value-added .list-item .itemtxt {display: none; }
.made-area3 .value-added .list-item .overtxt { line-height: 20px; display: block; }
.made-area3 .value-added .list-item.bigitem { width: 100%; }
.made-area3 .value-added .link-btn {margin-top: 10px;}
}
/* 关于我们 */
/* æˆç†Ÿå¯é 的伙伴 */
.about-area1 .tit{text-align: center;font-size: 44px;font-weight: 600;}
.about-area1 .tit:after {content: "";display: block;width:100px; height:6px; background: #000;margin: 0 auto}
.about-area1 .usinfor{line-height: 1.6;text-align: justify;}
.about-area1 .usinfor p{text-indent: 2em}
.about-area1 .about-list {padding: 0 10px;}
.about-area1 .about-list .item{width: 31%;padding: 35px ;transition: all 0.3s; margin-right: 3.5%;text-align: center;height: 270px;background: #FFFFFF;box-shadow: 0px 0px 10px 2px rgba(234, 234, 234, 0.5);}
.about-area1 .about-list .item:hover{transition: all 0.3s;transform: translateY(-30px);}
.about-area1 .about-list .item:last-child{margin-right: 0;}
@media screen and (max-width: 1360px) {
.about-area1 .tit { font-size: 40px;}
.about-area1 .about-list .item img{height: 60px;}
.about-area1 .about-list .item { padding: 30px; height: 250px;}
}
@media screen and (max-width: 1280px) {
.about-area1 .tit { font-size: 36px;}
.about-area1 .about-list .item img{height: 52px;}
.about-area1 .about-list .item { padding: 28px; height: 230px;}
}
@media screen and (max-width: 1040px) {
.about-area1 .tit { font-size: 32px;}
.about-area1 .about-list .item img{height: 46px;}
.about-area1 .about-list .item { padding: 25px; height: 220px;}
}
@media screen and (max-width: 768px) {
.header .header_text {display:none;}
.about-area1 .about-list .item { padding: 20px; height: 200px;}
.about-area1 .tit { font-size: 24px;}
.about-area1 .about-list .item img{height: 40px;}
}
@media screen and (max-width: 500px) {
.about-area1 .tit { font-size: 22px;}
.about-area1 .about-list .item img{height: 30px;}
.about-area1 .about-list .item {padding: 20px;height: 140px; }
}
/* ä¼ä¸šæ–‡åŒ– */
.about-area2 .culture-list .left-c{width: 44%;margin-right: 1.5%;}
.about-area2 .culture-list .left-c .list-item{width: 100%;}
.about-area2 .culture-list .right-c{width:54.5% ;text-align: left;}
.about-area2 .culture-list .right-c p{font-size: 22px;text-indent: 2em;line-height: 1.5;}
/*电åç¾*/
.dzq_1{padding: 80px 0 120px;background: url('../img/dianziqian/bg01.png') no-repeat;}
.dzq_box_1{text-align: center;}
.dzq .tit01{font-size: 36px;font-weight: 700;color: #232323;text-align: center;padding-bottom:40px }
@media screen and (max-width: 1440px) {
.about-area2 .culture-list .list-item .overtxt img{height: 45px;}
}
@media screen and (max-width: 1366px) {
.about-area2 .culture-list .list-item .overtxt img{height: 42px;}
.about-area2 .culture-list .right-c p{font-size: 20px;}
}
@media screen and (max-width: 1280px) {
.about-area2 .culture-list .list-item .overtxt img{height: 38px;}
}
@media screen and (max-width: 1040px) {
.about-area2 .culture-list .list-item .overtxt img{height: 35px;}
.about-area2 .culture-list .list-item .overtxt {padding: 10px;}
}
@media screen and (max-width: 768px) {
.about-area2 .culture-list .list-item .overtxt img{height: 32px;}
.about-area2 .culture-list .right-c p{font-size: 16px;}
}
@media screen and (max-width: 500px) {
.about-area2 .culture-list .list-item .overtxt img{height: 26px;}
.yl-AboutDsjCon li i.yl-icobj01 {width: 12px;height: 12px; }
.yl-AboutDsjCon li { width: 12%; }
.about-area2 .culture-list .left-c {width: 100%;margin-right: 0; }
.about-area2 .culture-list .left-c .list-item {width: 100%;margin-bottom: 1.9%;}
.about-area2 .culture-list .right-c {width: 100%; }
.about-area2 .culture-list .right-c .list-item {width: 49%;margin-right: 2%;margin-bottom: 1.9%;max-height: 40vw;}
.about-area2 .culture-list .right-c .list-item:nth-child(2n){margin-right: 0;}
.about-area2 .culture-list .right-c .list-item:nth-child(3) {margin-right: 2%;}
.about-area2 .culture-list .right-c .list-item:nth-child(5) {margin-right: 0; width: 100%; }
}
@media screen and (max-width: 400px) {
.about-area2 .culture-list .list-item .overtxt img{height: 22px;}
.about-area2 .culture-list .list-item h6 { margin-top: 6px; font-size: 12px;}
}
/* æˆé•¿åŽ†ç¨‹ */
.about-area3{background: #F9F9F9;}
.about-area3 .yl-AboutDsj {width: 100%;height: 320px;background: url(../img/about/icon12.png) no-repeat center center;padding: 112px 0 164px;}
.yl-AboutDsjCon { position: relative;}
.yl-AboutDsjCon li {position: absolute;width: 14.5%;color: #656565;cursor: pointer;padding: 0 5px;}
.yl-AboutDsjCon li.yl-DWtop { height: 123px; bottom: 100%;}
.yl-AboutDsjCon li i.yl-icobj01 {display: block;width: 21px;height: 18px;background: url(../img/about/icon11.png) no-repeat left bottom;position: absolute;left:10%;}
.yl-AboutDsjCon li:nth-child(1) i.yl-icobj01 { background: none;}
.yl-AboutDsjCon li.yl-DWtop i.yl-icobj01 { left: 10%;}
.yl-AboutDsjCon li i.yl-icobj02 {display: block;width: 31px;height: 0px;background: url(../img/about/icon10.png) no-repeat;position: absolute;left: -3px;bottom: 0;transition: all linear .3s;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;-ms-transition: all linear .3s;-o-transition: all linear .3s;}
.yl-AboutDsjCon li:nth-child(1) i.yl-icobj01 .yl-icobj02 { height: 52px;}
.yl-AboutDsjCon li:nth-child(1) div {color: #d70009;}
.yl-AboutDsjCon li.yl-DW01 {left: 0;}
.yl-AboutDsjCon li.yl-DW02 {left: 8%;}
.yl-AboutDsjCon li.yl-DW03{left: 18%;}
.yl-AboutDsjCon li.yl-DW04{left:25% ;}
.yl-AboutDsjCon li.yl-DW05{left: 35%;}
.yl-AboutDsjCon li.yl-DW06{left: 42%;}
.yl-AboutDsjCon li.yl-DW07{left: 52%;}
.yl-AboutDsjCon li.yl-DW08{left: 60%;}
.yl-AboutDsjCon li.yl-DW09{left: 70%;}
.yl-AboutDsjCon li.yl-DW10{left: 78%;}
.yl-AboutDsjCon li.yl-DW11{left: 88%;height: 30px;bottom: -20px;}
.yl-AboutDsjCon li.yl-DWbot div { margin-top: 110px;text-align: justify;}
.yl-AboutDsjCon li.yl-DW01 i.yl-icobj01 { bottom: -23px;}
.yl-AboutDsjCon li.yl-DW02 i.yl-icobj01 { top: 38px;}
.yl-AboutDsjCon li.yl-DW03 i.yl-icobj01{bottom: -36px;}
.yl-AboutDsjCon li.yl-DW04 i.yl-icobj01{top: 44px;}
.yl-AboutDsjCon li.yl-DW05 i.yl-icobj01{bottom: -12px;}
.yl-AboutDsjCon li.yl-DW06 i.yl-icobj01{top: 40px;}
.yl-AboutDsjCon li.yl-DW07 i.yl-icobj01{bottom: -42px;}
.yl-AboutDsjCon li.yl-DW08 i.yl-icobj01{top: 44px;}
.yl-AboutDsjCon li.yl-DW09 i.yl-icobj01{bottom: -36px;}
.yl-AboutDsjCon li.yl-DW10 i.yl-icobj01{top: 65px;}
.yl-AboutDsjCon li.yl-DW11 i.yl-icobj01{bottom: -34px;}
.yl-AboutDsjCon li .fon16{color:#d70009;font-weight: bold;}
.yl-AboutDsjCon li.orange{color: #d70009;}
.yl-AboutDsjCon li div:hover{color: #d70009;}
.yl-AboutDsjCon li i.yl-icobj01:hover .yl-icobj02 { height: 52px;}
@media screen and (max-width: 1680px) {
.yl-AboutDsjCon li.yl-DW02 i.yl-icobj01 { top: 33px; }
.yl-AboutDsjCon li.yl-DW10 i.yl-icobj01 { top: 48px; }
}
@media screen and (max-width: 1440px) {
.yl-AboutDsjCon li {width: 15%;}
.yl-AboutDsjCon li.yl-DW10 i.yl-icobj01 { top: 34px; }
.yl-AboutDsjCon li i.yl-icobj01 { width: 18px; height: 18px; left: 10%; background-size: 100%; }
}
@media screen and (max-width: 1366px) {
.yl-AboutDsjCon li {width: 16%;}
.yl-AboutDsjCon li.yl-DWtop { height: 150px;}
.yl-AboutDsjCon li.yl-DW11 { height: 70px;}
}
@media screen and (max-width: 1280px) {
.yl-AboutDsjCon li i.yl-icobj01 { width: 15px; height: 15px;}
.yl-AboutDsjCon li.yl-DW05 i.yl-icobj01 { bottom: -18px;}
}
@media screen and (max-width: 1040px) {
.about-area3{overflow: auto;}
.yl-AboutDsjCon li i.yl-icobj01 { width: 15px; height: 15px;}
.yl-AboutDsjCon li.yl-DW05 i.yl-icobj01 { bottom: -18px;}
.about-area3 .about-history{overflow: hidden; overflow-x: scroll; scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */}
.about-area3 .about-history::-webkit-scrollbar {display: none; /* Chrome Safari */ }
.about-area3 .yl-AboutDsj { width: 1600px;}
}
/* æœåŠ¡ä¼ä¸š */
.about-area4 .teamwork-list .item{width: 18.7%;border: 1px solid #e6e6e6; margin-right: 1.5%;margin-bottom: 1.5%;background: #ffffff;transition: all 0.4s;}
.about-area4 .teamwork-list .item:hover{transition: all 0.4s; box-shadow: 0 0 16px 6px #eeeeee;}
.about-area4 .teamwork-list .item:nth-child(5n){margin-right: 0;}
.about-area4 .teamwork-list .item img{width: 100%;}
@media screen and (max-width: 1280px) {
.about-area4 .teamwork-list .item {width: 23.8%;}
.about-area4 .teamwork-list .item:nth-child(5n){ margin-right: 1.5%;}
.about-area4 .teamwork-list .item:nth-child(4n){ margin-right: 0%;}
}
@media screen and (max-width: 1024px) {
.about-area4 .teamwork-list .item {width: 32%;}
.about-area4 .teamwork-list .item:nth-child(4n){ margin-right: 1.5%;}
.about-area4 .teamwork-list .item:nth-child(3n){ margin-right: 0%;}
}
@media screen and (max-width: 768px) {
.about-area4 .teamwork-list .item {width: 49.2%;}
.about-area4 .teamwork-list .item:nth-child(3n){ margin-right: 1.5%;}
.about-area4 .teamwork-list .item:nth-child(2n){ margin-right: 0%;}
}
/* 团队展示 */
.about-area5 .show-list .list-item{width: 49%;margin-bottom: 2%;overflow: hidden;}
.about-area5 .show-list .list-item:nth-child(3){width: 32%;margin-right: 2%;}
.about-area5 .show-list .list-item:nth-child(4){width: 32%;margin-right: 2%;}
.about-area5 .show-list .list-item:nth-child(5){width: 32%;}
.about-area5 .show-list .list-item img{transition: all 0.4s;width: 100%;}
.about-area5 .show-list .list-item:hover img{transition: all 0.4s;transform: scale(1.1);}
.about-area5 .show-list .list-item:first-child{margin-right: 2%;}
/* 大数æ®BI方案 */
/* 五æ¥å¿«é€Ÿæž„建数æ®é—¨æˆ· */
.scheme-area1 .build-cont .item{width: 18.4%;margin-right: 2%;transition: all 0.3s;text-align: center;padding:5% 0.5% 0;height: 329px;border: 1px solid #E6E6E6;}
.scheme-area1 .build-cont .item:hover{transition: all 0.3s;transform: translateY(-25px);}
.scheme-area1 .build-cont .item:last-child{margin-right: 0;}
.scheme-area1 .build-cont .item .icon{height: 70px;}
.scheme-area1 .build-cont .item .txt{font-size: 20px;line-height: 28px;}
.scheme-area1 .build-cont .item h6{margin-bottom: 15px;}
@media screen and (max-width: 1680px) {
.scheme-area1 .build-cont .item .txt {font-size: 18px;}
.scheme-area1 .build-cont .item .icon{height: 60px;}
.scheme-area1 .build-cont .item .icon img{height: 60px;}
.scheme-area1 .build-cont .item {height: 300px;}
}
@media screen and (max-width: 1366px) {
.scheme-area1 .build-cont .item .txt { font-size: 16px; line-height: 26px; }
.scheme-area1 .build-cont .item img{max-height: 52px;max-width: 50px;}
.scheme-area1 .build-cont .item .icon{height: 60px;margin-bottom: 10px;}
.scheme-area1 .build-cont .item { width: 18.8%; margin-right: 1.5%; height: 280px;}
}
@media screen and (max-width: 1280px) {
.scheme-area1 .build-cont .item .txt { font-size: 14px; line-height: 22px; }
.scheme-area1 .build-cont .item img{max-height: 46px;max-width: 45px;}
.scheme-area1 .build-cont .item .icon{height: 50px;margin-bottom: 10px;}
.scheme-area1 .build-cont .item { height: 250px;}
}
@media screen and (max-width: 1040px) {
.scheme-area1 .build-cont .item { width: 32%; margin-right: 2%;margin-bottom: 2%; }
.scheme-area1 .build-cont .item:nth-child(3n) {margin-right: 0;}
.scheme-area1 .build-cont .item img{max-height: 40px;max-width: 40px;}
}
@media screen and (max-width: 600px) {
.scheme-area1 .build-cont .item { width: 49%;margin-right: 2%;height: 200px;}
.scheme-area1 .build-cont .item:nth-child(3n) {margin-right: 2%;}
.scheme-area1 .build-cont .item:nth-child(2n) {margin-right: 0%;}
.scheme-area1 .build-cont .item img{max-height: 36px;max-width: 36px;}
.scheme-area1 .build-cont .item h6 {margin-bottom: 10px; font-size: 16px;}
}
/* 全新的报表制作体验 */
.scheme-area2{ background:#f9f9f9 url(../img/scheme/bg1.jpg) no-repeat center top;background-size: 100% auto;}
.scheme-area2 .area-title {color: #ffffff;}
.scheme-area2 .area-title .title{color: #ffffff;}
.scheme-area2 .experience-cont {position: relative;height: 720px;padding:0 5%;}
.scheme-area2 .experience-cont .item{height:360px ;padding: 5%;background: #ffffff;width: 40%;z-index: 4;position: absolute;left: 5%;}
.scheme-area2 .experience-cont .item:nth-child(2){left: 45%;top: -70px;width: 50%;z-index: 1;}
.scheme-area2 .experience-cont .item:nth-child(2) img{width: 100%;}
.scheme-area2 .experience-cont .item .txt{color:#d70009 ;border-bottom: 2px solid #d70009;display: inline;}
.scheme-area2 .experience-cont .item:nth-child(3){ background: #d70009;color: #ffffff;top: 360px;}
.scheme-area2 .experience-cont .item:nth-child(4){top: 360px;left: 45%;}
.scheme-area2 .experience-cont .item:nth-child(3) .txt{color: #ffffff;border-bottom: 2px solid #ffffff;}
.scheme-area2 .experience-cont .bgitem{background: transparent;padding: 0;width: auto;}
@media screen and (max-width: 1680px) {
.scheme-area2 .experience-cont{height: 640px;}
.scheme-area2 .experience-cont .item .txt{font-size: 26px;}
.scheme-area2 .experience-cont .item {height: 320px;padding: 4%;}
.scheme-area2 .experience-cont .item:nth-child(2) {padding: 0%;}
.scheme-area2 .experience-cont .item:nth-child(3) { top: 320px;}
.scheme-area2 .experience-cont .item:nth-child(4) { top: 320px;}
}
@media screen and (max-width: 1440px) {
.scheme-area2 .experience-cont{height: 600px;}
.scheme-area2 .experience-cont .item .txt{font-size: 24px;}
.scheme-area2 .experience-cont .item {height: 300px;padding: 4%;}
.scheme-area2 .experience-cont .item:nth-child(3) { top: 300px;}
.scheme-area2 .experience-cont .item:nth-child(4) { top: 300px;}
}
@media screen and (max-width: 1366px) {
.scheme-area2 .experience-cont .item .txt{font-size: 22px;}
}
@media screen and (max-width: 1280px) {
.scheme-area2 .experience-cont .item .txt{font-size: 20px;}
.scheme-area2 .experience-cont { height: 530px;}
.scheme-area2 .experience-cont .item {height: 250px;}
.scheme-area2 .experience-cont .item:nth-child(3) {top: 250px;}
.scheme-area2 .experience-cont .item:nth-child(4) {top: 250px;}
.scheme-area2 .experience-cont .item:nth-child(2) {top: -21px;}
}
@media screen and (max-width: 1024px) {
.scheme-area2 .experience-cont .item .txt{font-size: 18px;}
}
@media screen and (max-width: 768px) {
.scheme-area2 .experience-cont .item .txt{font-size: 16px;}
.scheme-area2 .experience-cont { padding: 0; width: 100%;}
}
@media screen and (max-width: 500px) {
.scheme-area2 .experience-cont .item .txt{font-size: 14px;}
.scheme-area2 .experience-cont {height: 800px; }
.scheme-area2 .experience-cont .item {padding: 5%;width: 100%;left: 0;height: 200px;}
.scheme-area2 .experience-cont .item:nth-child(2) { top: 200px; width: 100%;left: 0;}
.scheme-area2 .experience-cont .item:nth-child(3) { top: 400px; width: 100%;}
.scheme-area2 .experience-cont .item:nth-child(4) { top: 600px; width: 100%;left: 0;}
}
/* çµæ´»çš„æ•°æ®åº”ç”¨æ–¹å¼ */
.scheme-area3 .daUse-way .item{width: 32%;height: 330px; margin-right: 2%;text-align: center;margin-bottom: 2%;background: #FFFFFF;border: 1px solid #E6E6E6;transition: all 0.4s;padding: 55px 5%;}
.scheme-area3 .daUse-way .item:hover{transition: all 0.4s;box-shadow: 0 0 15px 3px #ececec;}
.scheme-area3 .daUse-way .item:nth-child(3n){margin-right: 0;}
.scheme-area3 .daUse-way .item h5{font-weight: 600;margin-bottom: 8px;}
.scheme-area3 .daUse-way .item p{line-height: 28px;}
@media screen and (max-width: 1440px) {
.scheme-area3 .daUse-way .item{height: 300px; padding: 50px 5%;}
.scheme-area3 .daUse-way .item .icon img{height: 60px;}
}
@media screen and (max-width: 1366px) {
.scheme-area3 .daUse-way .item{ height: 280px; padding: 45px 4%;}
.scheme-area3 .daUse-way .item .icon img{height: 56px;}
}
@media screen and (max-width: 1280px) {
.scheme-area3 .daUse-way .item .icon img{height: 52px;}
.scheme-area3 .daUse-way .item p { line-height: 24px; font-size: 16px;}
.scheme-area3 .daUse-way .item { height: 280px; padding: 35px 2%; }
}
@media screen and (max-width: 768px) {
.scheme-area3 .daUse-way .item {height: 250px;padding: 30px 3%;width: 49%;}
.scheme-area3 .daUse-way .item:nth-child(3n){margin-right: 2%;}
.scheme-area3 .daUse-way .item:nth-child(2n){margin-right: 0;}
.scheme-area3 .daUse-way .item p { line-height: 22px; font-size: 14px;}
.scheme-area3 .daUse-way .item .icon img { height: 46px; }
}
@media screen and (max-width: 500px) {
.scheme-area3 .daUse-way .item .icon img { height: 36px; }
}
/* 大å±å¯è§†åŒ–特性 */
.scheme-area4 {background: #f9f9f9;}
.scheme-area4 .visual-list .item{width: 23.5%;margin-right: 2%;margin-bottom: 2%; position: relative; box-shadow: 0px 4px 10px 0px rgba(204, 204, 204, 0.5);height: 324px;text-align: center;transition: all 0.4s;background: #ffffff;}
.scheme-area4 .visual-list .item:nth-child(4n){margin-right: 0;}
.scheme-area4 .visual-list .item .item-img{height: 136px;position: relative;overflow: hidden;}
.scheme-area4 .visual-list .item .img{width: 100%;transition: all 0.4s;}
.scheme-area4 .visual-list .item:hover .img{transition: all 0.4s;transform:scale(1.1);}
.scheme-area4 .visual-list .item:hover{transition: all 0.4s;transform: translateY(-20px);}
.scheme-area4 .visual-list .item .icon{position: absolute;left: 50%;top: 50%;}
.scheme-area4 .visual-list .item .item-txt{padding: 0 20px;position: ;}
.scheme-area4 .visual-list .item h5{margin-top: 25px;margin-bottom: 10px;font-weight: 600;}
.scheme-area4 .visual-list .item .txt{line-height: 28px;text-align: justify;}
@media screen and (max-width: 1366px) {
.scheme-area4 .visual-list .item h5 {margin-top: 20px;margin-bottom: 6px;}
.scheme-area4 .visual-list .item { height: 300px;}
.scheme-area4 .visual-list .item .icon { height: 60px; }
}
@media screen and (max-width: 1280px) {
.scheme-area4 .visual-list .item h5 {margin-top: 15px;}
.scheme-area4 .visual-list .item { height: 280px;}
.scheme-area4 .visual-list .item .icon { height: 52px; }
}
@media screen and (max-width: 1040px) {
.scheme-area4 .visual-list .item .txt { line-height: 24px; font-size: 14px; }
.scheme-area4 .visual-list .item .icon { height: 48px; }
.scheme-area4 .visual-list .item { width: 32%; }
.scheme-area4 .visual-list .item:nth-child(4n) { margin-right: 2%; }
.scheme-area4 .visual-list .item:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 768px) {
.scheme-area4 .visual-list .item { padding: 30px 3%;width: 49%;}
.scheme-area4 .visual-list .item:nth-child(3n){margin-right: 2%;}
.scheme-area4 .visual-list .item:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 500px) {
.scheme-area4 .visual-list .item { padding: 30px 3%; width: 100%; margin-right: 0; height: auto;}
.scheme-area4 .visual-list .item h5 {margin-top: 15px;font-size: 16px;}
}
/* 大å±å¯è§†åŒ–应用场景 */
.scheme-area5 .sence-cont .item{width: 32%;margin-right: 2%;background: #FFFFFF;border: 1px solid #E6E6E6;transition: all 0.4s;}
.scheme-area5 .sence-cont .item:nth-child(3){margin-right: 0;}
.scheme-area5 .sence-cont .item:hover{transition: all 0.4s;box-shadow: 0 0 12px 3px #ececec;}
.scheme-area5 .sence-cont .item .item-txt{padding: 20px 30px;position: relative;text-align: justify;height: 270px;}
.scheme-area5 .sence-cont .item .item-txt::after{content: "";display: inline-block;width: 0;height: 0;border-width: 16px 16px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;top: -32px;left: 40px;z-index: 1;}
.scheme-area5 .sence-cont .item:nth-child(2) .item-txt::after{top: 100%;border-color: #ffffff transparent transparent transparent;}
.scheme-area5 .sence-cont .item .item-txt h6{font-weight: 600;}
.scheme-area5 .sence-cont .item .item-txt .txt{line-height: 28px;margin-top: 15px;}
@media screen and (max-width: 1440px) {
.scheme-area5 .sence-cont .item .item-txt {padding: 20px 25px;}
.scheme-area5 .sence-cont .item .item-txt h6 {font-weight: 600;font-size: 26px;}
.scheme-area5 .sence-cont .item .item-txt .txt {line-height: 26px;margin-top: 12px;font-size: 18px;}
}
@media screen and (max-width: 1366px) {
.scheme-area5 .sence-cont .item .item-txt h6 {font-size: 24px;}
.scheme-area5 .sence-cont .item .item-txt .txt {line-height: 26px;margin-top: 10px;font-size: 16px;}
.scheme-area5 .sence-cont .item .item-txt::after {border-width: 15px 15px;top: -30px;}
}
@media screen and (max-width: 1280px) {
.scheme-area5 .sence-cont .item .item-txt h6 {font-size: 22px;}
.scheme-area5 .sence-cont .item .item-txt .txt {line-height: 22px;margin-top: 5px;font-size: 16px;}
.scheme-area5 .sence-cont .item .item-txt::after {border-width: 12px 12px;top: -24px;}
}
@media screen and (max-width: 1040px) {
.scheme-area5 .sence-cont .item .item-txt h6 {font-size: 20px;}
.scheme-area5 .sence-cont .item .item-txt .txt {line-height: 20px;font-size: 14px;}
.scheme-area5 .sence-cont .item .item-txt { padding: 15px 20px; height: 260px;}
}
@media screen and (max-width: 768px) {
.scheme-area5 .sence-cont .item .item-txt h6 {font-size: 18px;}
.scheme-area5 .sence-cont .item{width: 48.5%;margin-right: 2.5%;margin-bottom: 2.5%;}
.scheme-area5 .sence-cont .item:nth-child(2n){margin-right: 0;}
.scheme-area5 .sence-cont .item .item-txt { height: 200px;}
}
@media screen and (max-width: 600px) {
.scheme-area5 .sence-cont .item {width: 100%;margin-right: 0; margin-bottom: 2.5%;}
.scheme-area5 .sence-cont .item img{width: 100%;}
.scheme-area5 .sence-cont .item .item-txt {height: auto; }
}
/* PMS(项目管ç†ç³»ç»Ÿ) */
/* 您是å¦ä¹Ÿé‡åˆ°å¦‚下痛点 */
.product-area1 .p-list .item{width: 18.7%;margin-right: 1.6%;margin-bottom: 1.8%;padding: 20px; height: 224px; border: 1px solid #EEEEEE;transition: all 0.4s; text-align: justify;}
.product-area1 .p-list .item:hover{transition: all 0.4s;box-shadow: 0 0 12px 3px #ececec;}
.product-area1 .p-list .item:last-child{margin-right: 0;}
.product-area1 .p-list .item h6{margin-bottom: 15px;position: relative;line-height: 60px;height: 60px;}
.product-area1 .p-list .item .number{position: absolute;left: 10%;top: 0;font-weight: 600;color: #EAF4FF;font-size: 80px; font-family: 'SourceHanSansCN-Bold';}
.product-area1 .p-list .item .tit{font-weight: 600;height: 100%;display: inline-block;position: absolute;left: 0;top: 0;z-index: 3;}
.product-area1 .contlink{background: #ffffff; color: #d70009; margin: 30px auto 0; border: 2px solid #d70009;}
.product-area1 .contlink .icon{background: url(../img/icon3.png) no-repeat center center;}
.product-area1 .contlink:hover{background: #d70009;color: #ffffff;}
.product-area1 .contlink:hover .icon{background: url(../img/icon2.png) no-repeat center center ;}
@media screen and (max-width:1366px) {
.product-area1 .p-list .item h6 { margin-bottom: 12px; line-height: 56px; height: 56px;}
.product-area1 .p-list .item .number {font-size: 76px;}
}
@media screen and (max-width:1280px) {
.product-area1 .p-list .item h6 { margin-bottom: 10px; line-height: 52px; height: 52px;}
.product-area1 .p-list .item .number {font-size: 72px;}
.product-area1 .contlink .icon{background-size: 18px;height: 11px;}
}
@media screen and (max-width:1040px) {
.product-area1 .p-list .item h6 { line-height: 50px; height: 50px;font-size:18px ;}
.product-area1 .p-list .item .number {font-size: 68px;}
.product-area1 .contlink { border: 1px solid #d70009;}
}
@media screen and (max-width:768px) {
.product-area1 .p-list .item h6 {font-size:16px ;}
.product-area1 .p-list .item .number {font-size: 64px;}
.product-area1 .p-list .item { width: 32%;height: 180px;}
.product-area1 .p-list .item:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width:500px) {
.product-area1 .p-list .item .number {font-size: 56px;}
.product-area1 .p-list .item {width: 48.5%;height: 200px; margin-right: 3%;margin-bottom: 3%;}
.product-area1 .p-list .item:nth-child(3n){margin-right: 3%;}
.product-area1 .p-list .item:nth-child(2n){margin-right: 0;}
}
/* Ylink(PMS项目管ç†ç³»ç»Ÿ) */
.product-area2{background: #f9f9f9;}
.product-area2 .system-item{width: 100%;padding-left: 10%;padding-right: 10%;position: relative;height: 620px;}
.product-area2 .system-item:nth-child(1){
background-image: url(../img/pro/3.png), url(../img/pro/4.png);
background-repeat: no-repeat,no-repeat;
background-position: right center ,left center;
}
.product-area2 .system-item:nth-child(2){
background-color: #ffffff;
background-image: url(../img/pro/4.png), url(../img/pro/3.png);
background-repeat: no-repeat,no-repeat;
background-position: right center ,left center;
}
.product-area2 .system-item:nth-child(3){
background-image: url(../img/pro/3.png), url(../img/pro/4.png);
background-repeat: no-repeat,no-repeat;
background-position: right center ,left center;
}
.product-area2 .system-item .item-img {width: 60%;}
.product-area2 .system-item .item-img img {width: 100%;}
.product-area2 .system-item .item-txt {width: 40%;position: relative;top: 20%;}
.product-area2 .system-item .tab-item{-webkit-tap-highlight-color:transparent;width: 100%;margin-bottom: 30px;transition: all 0.4s;padding: 20px 40px;}
.product-area2 .system-item .tab-item:hover{transition: all 0.4s;background: #ffffff;box-shadow: 0px 4px 20px 0px rgba(244, 244, 244, 0.5);}
.product-area2 .system-item .tab-item h6{margin-bottom: 5px;transition: all 0.4s;}
.product-area2 .system-item .tab-item:checked{border: none;}
.product-area2 .system-item .active-tab{background: #ffffff;box-shadow: 0px 4px 20px 0px rgba(244, 244, 244, 0.5);}
.product-area2 .system-item .active-tab h6{color:#d70009;}
.product-area2 .system-item .tab-item:hover h6{color:#d70009;}
.product-area2 .system-item .tab-item:focus{border:none;}
.product-area2 .system-item .contitem{display: none;}
.product-area2 .system-item .active-c{display: block;}
@media screen and (max-width: 1440px) {
.product-area2 .system-item{height:580px;}
.product-area2 .system-item .tab-item h6{font-size: 26px;}
}
@media screen and (max-width: 1366px) {
.product-area2 .system-item{height:530px;}
.product-area2 .system-item .tab-item h6{font-size: 24px;}
}
@media screen and (max-width: 1280px) {
.product-area2 .system-item{height:auto;}
.product-area2 .system-item .tab-item h6{font-size: 20px;}
}
@media screen and (max-width: 1040px) {
.product-area2 .system-item .tab-item h6{font-size: 18px;}
.product-area2 .system-item { padding-left: 2%; padding-right: 2%; }
.product-area2 .system-item:nth-child(1) {background-size: 50vw,50vw; }
.product-area2 .system-item:nth-child(2) {background-size: 50vw,50vw; }
.product-area2 .system-item:nth-child(3) {background-size: 50vw,50vw; }
}
@media screen and (max-width: 768px) {
.product-area2 .system-item .item-img {width: 100%; }
.product-area2 .system-item .item-txt { width: 100%;}
}
/* ä¼ä¸šå®šåˆ¶ */
.qiye-area1{margin-bottom: 0;}
.qiye-area1 h5{text-align: center;padding: 50px 8% 0;background: url(../img/pro/bg.png) no-repeat 16% top;}
@media screen and (max-width: 1440px) {
.qiye-area1 h5{font-size: 24px;}
}
@media screen and (max-width: 1366px) {
.qiye-area1 h5{font-size: 22px;padding: 50px 5% 0;}
}
@media screen and (max-width: 1280px) {
.qiye-area1 h5{font-size: 20px;padding: 40px 4% 0;}
}
@media screen and (max-width: 1040px) {
.qiye-area1 h5{font-size: 20px;padding: 30px 2% 0;}
}
@media screen and (max-width: 768px) {
.qiye-area1 h5{font-size: 18px;padding: 20px 0% 0;}
}
@media screen and (max-width: 500px) {
.qiye-area1 h5{font-size: 16px;}
}
/* æœåŠ¡åœºæ™¯ */
.jishu-area1 .scene-cont .item:hover::after { transition: all 0.4s; opacity: 0.7; background:#d70009}
/* ITçµæ´»ç”¨å·¥é¡µé¢ */
.IT-area1 .item{width:23.5%;margin-right: 2%;position: relative;border: 1px solid #F2F2F2;overflow: hidden;}
.IT-area1 .item:last-child{margin-right: 0;}
.IT-area1 .item>img{opacity: 0;}
.IT-area1 .item:hover{color: #ffffff;}
.IT-area1 .item:hover>img{opacity: 1;animation: fadeIn 0.3s ease-in;}
.IT-area1 .item .box1{width:100%;position: absolute;left: 0;top: 50%;text-align: center;opacity: 1;z-index: 1;}
.IT-area1 .item .box2{padding:0 10px;width:100%;position: absolute;left: 0;top: 50%;text-align: center;opacity: 0;transition: all 0.4s;z-index: 3;
-webkit-transform: translate(-50%,-100%);
-o-transform:translate(-50%,-100%);
-moz-transform:translate(-50%,-100%);
transform: translate(-50%,-100%);}
.IT-area1 .item:hover .box1{ opacity: 0;}
.IT-area1 .item:hover .box2{ opacity: 1; -webkit-transform: translate(0%,-50%);
-o-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
transform:translate(0%,-50%);}
.IT-area1 .item .zixun-btn{display: block;color: #ffffff; margin: 90px auto 0;width: 200px;height: 46px;line-height: 42px; border-radius: 23px;border: 2px solid #FFFFFF;}
.IT-area1 .item .zixun-btn .icon{display: inline-block;width: 30px;height: 14px;margin-left: 3px;background: url(../img/icon2.png) no-repeat center center;}
@media screen and (max-width: 1680px) {
.IT-area1 .item div img{height: 66px;}
}
@media screen and (max-width: 1440px) {
.IT-area1 .item div img{height: 60px;}
.IT-area1 .item .zixun-btn {margin: 80px auto 0;width: 180px;height: 44px;line-height: 42px;border: 1px solid #FFFFFF; }
}
@media screen and (max-width: 1366px) {
.IT-area1 .item div img{height: 55px;}
.IT-area1 .item .zixun-btn {margin: 70px auto 0;width: 170px;height: 42px;line-height: 40px; }
.IT-area1 .item h5{font-size: 24px;}
}
@media screen and (max-width: 1280px) {
.IT-area1 .item div img{height: 48px;}
.IT-area1 .item .zixun-btn {margin: 60px auto 0;width: 160px;height: 40px;line-height: 38px; }
.IT-area1 .item h5{font-size: 22px;}
}
@media screen and (max-width: 1040px) {
.IT-area1 .item div img{height: 42px;}
.IT-area1 .item .zixun-btn {margin: 40px auto 0;width: 140px;height: 38px;line-height: 36px; }
.IT-area1 .item h5{font-size: 18px;}
}
@media screen and (max-width: 768px) {
.IT-area1 .item div img{height: 38px;}
.IT-area1 .item .zixun-btn {margin:30px auto 0;width: 130px; }
.IT-area1 .item h5{font-size: 16px;}
.IT-area1 .item {width: 31.5%;margin-right: 2%;margin-bottom: 2%;}
.IT-area1 .item:nth-child(3n) {margin-right: 0;}
}
@media screen and (max-width: 500px) {
.IT-area1 .item {width: 49%;margin-right: 2%;}
.IT-area1 .item:nth-child(3n) {margin-right: 2%;}
.IT-area1 .item:nth-child(2n) {margin-right: 0%;}
.IT-area1 .item div img{height: 32px;}
.IT-area1 .item .zixun-btn {width: 120px; }
.IT-area1 .item h5{font-size: 14px;}
.IT-area1 .item .zixun-btn {margin: 20px auto 0; }
}
/* 风险åŠä¿éšœæŽªæ–½ */
.IT-area2 .safeguard-cont .l-list{width: 42.5%; background: #F9F9F9;line-height: 70px;margin-top: 82px;}
.IT-area2 .safeguard-cont .l-list .tit{line-height: 72px; height: 72px; background: #D20A10;text-align: center;color: #ffffff;font-weight: 600;}
.IT-area2 .safeguard-cont .r-list{width: 57%; line-height: 68px;background: #FFFFFF;box-shadow: 0px 0px 20px 3px rgba(224, 224, 224, 0.5);}
.IT-area2 .safeguard-cont ul{padding-bottom: 10px ;}
.IT-area2 .safeguard-cont .r-list .tit{text-align: center;color: #ffffff;font-weight: 600;height: 92px;line-height: 92px;background: #d70009;}
.IT-area2 .safeguard-cont .item{padding: 0 35px;}
.IT-area2 .safeguard-cont .l-list .item {border-bottom: 1px solid #E6E6E6;}
.IT-area2 .safeguard-cont .item:last-child{border-bottom: none;}
.IT-area2 .safeguard-cont .r-list .item{position: relative;}
.IT-area2 .safeguard-cont .l-list .icon{display: inline-block;width: 8px;height: 8px;background: #D20A10;border-radius: 50%;margin-right: 18px;position: relative;top: -3px;}
.IT-area2 .safeguard-cont .r-list .item::before{content: ""; display: inline-block;width: 23px;height: 23px;background: #d70009;border-radius: 50%;margin-right: 18px;position: relative;top: 6px;}
.IT-area2 .safeguard-cont .r-list .item .icon{ position: absolute;left: 39px;top: 26px;line-height: 22px;color: #ffffff;font-size: 15px;}
@media screen and (max-width: 1680px) {
.IT-area2 .safeguard-cont .r-list .tit {height: 86px;line-height: 86px;font-size: 28px;}
.IT-area2 .safeguard-cont .l-list .tit {height: 86px;line-height: 86px;font-size: 28px;}
.IT-area2 .safeguard-cont .item { padding: 0 30px;}
.IT-area2 .safeguard-cont .r-list {line-height: 64px;}
.IT-area2 .safeguard-cont .r-list .item .icon {left: 35px;top: 24px;line-height: 20px;font-size: 14px; }
.IT-area2 .safeguard-cont .l-list {line-height: 66px; margin-top: 76px;}
}
@media screen and (max-width: 1440px) {
.IT-area2 .safeguard-cont .r-list .tit {height: 80px;line-height: 80px;font-size: 26px;}
.IT-area2 .safeguard-cont .l-list .tit {height: 80px;line-height: 80px;font-size: 26px;}
.IT-area2 .safeguard-cont .item { padding: 0 25px;}
.IT-area2 .safeguard-cont .r-list {line-height: 60px;}
.IT-area2 .safeguard-cont .r-list .item .icon {left: 30px; top: 22px;line-height: 20px;font-size: 14px; }
.IT-area2 .safeguard-cont .l-list {line-height: 62px; margin-top: 70px;}
}
@media screen and (max-width: 1366px) {
.IT-area2 .safeguard-cont .r-list .tit {height: 70px;line-height: 70px;font-size: 22px;}
.IT-area2 .safeguard-cont .l-list .tit {height: 70px;line-height: 70px;font-size: 22px;}
.IT-area2 .safeguard-cont .r-list {line-height: 56px;}
.IT-area2 .safeguard-cont .item { padding: 0 20px;}
.IT-area2 .safeguard-cont .r-list .item .icon {left: 25px;top: 19px; }
.IT-area2 .safeguard-cont .l-list {line-height: 56px; margin-top: 60px;}
}
@media screen and (max-width: 1280px) {
.IT-area2 .safeguard-cont .r-list .tit {height: 70px;line-height: 70px;font-size: 22px;}
.IT-area2 .safeguard-cont .r-list {line-height: 30px;padding: 10px 0;}
.IT-area2 .safeguard-cont .item { padding: 10px 20px 10px 55px;position: relative;}
.IT-area2 .safeguard-cont .l-list {line-height: 30px; margin-top: 60px;padding: 10px 0;}
.IT-area2 .safeguard-cont .r-list .item::before { width: 22px; height: 22px; top: 15px; left: 20px;position: absolute;}
.IT-area2 .safeguard-cont .r-list .item .icon {left: 25px;top: 17px; }
.IT-area2 .safeguard-cont .l-list .icon {margin-right: 15px;top: 22px;left: 20px;position: absolute; }
}
@media screen and (max-width: 1040px) {
.IT-area2 .safeguard-cont .r-list .tit {height: 62px;line-height: 62px;font-size: 20px;}
.IT-area2 .safeguard-cont .l-list .tit {height: 62px;line-height: 62px;font-size: 20px;}
.IT-area2 .safeguard-cont .r-list {line-height: 26px;padding: 6px 0;}
.IT-area2 .safeguard-cont .item { padding: 10px 20px 10px 50px;position: relative;}
.IT-area2 .safeguard-cont .l-list {line-height:26px; margin-top: 50px;padding: 10px 0;}
.IT-area2 .safeguard-cont .r-list .item .icon { font-size: 12px;}
}
@media screen and (max-width: 768px) {
.IT-area2 .safeguard-cont .r-list .tit {height: 52px;line-height: 52px;font-size: 18px;}
.IT-area2 .safeguard-cont .l-list .tit {height: 52px;line-height: 52px;font-size: 18px;}
.IT-area2 .safeguard-cont .r-list {line-height: 24px;padding: 6px 0;}
.IT-area2 .safeguard-cont .l-list {line-height:24px; margin-top: 40px;padding: 10px 0;}
}
@media screen and (max-width: 600px) {
.IT-area2 .safeguard-cont .l-list { width: 100%;}
.IT-area2 .safeguard-cont .r-list { width: 100%;}
.IT-area2 .safeguard-cont .r-list .tit {height: 46px;line-height: 46px;font-size: 16px;}
.IT-area2 .safeguard-cont .r-list .tit {height: 46px;line-height: 46px;font-size: 16px;}
}
/* æœåŠ¡ä¼˜åŠ¿ */
.IT-area3 {background: #f9f9f9;}
.IT-area3 .superiority-cont .item{overflow: hidden;width:23.5%;margin-right: 2%;text-align: center;position: relative;color: #ffffff;}
.IT-area3 .superiority-cont .item:nth-child(4n){margin-right: 0;}
.IT-area3 .superiority-cont .item>img{transition: all 0.4s;width: 100%;}
.IT-area3 .superiority-cont .item:hover>img{transition: all 0.4s; transform: scale(1.1);}
.IT-area3 .superiority-cont .item .overtxt {position:absolute;top:50%;left:0%;width:100%;}
.IT-area3 .detaile-links{display: block; margin:50px auto 0;border:2px solid #d70009;background: transparent;color:#d70009 ;}
.IT-area3 .detaile-links:hover{border:2px solid #d70009; color:#ffffff ;background: #d70009;}
.IT-area3 .detaile-links .icon{background: url(../img/icon3.png) no-repeat center center ;}
.IT-area3 .detaile-links:hover .icon{background: url(../img/icon2.png) no-repeat center center ;}
@media screen and (max-width: 1680px) {
.IT-area3 .superiority-cont .item .overtxt img{height: 68px;}
.IT-area3 .superiority-cont .item .overtxt { padding: 0 20px; }
}
@media screen and (max-width: 1440px) {
.IT-area3 .superiority-cont .item .overtxt img{height: 62px;}
.IT-area3 .detaile-links .icon{background-size: 19px ;}
.IT-area3 .detaile-links:hover .icon{background-size: 19px ;}
}
@media screen and (max-width: 1280px) {
.IT-area3 .superiority-cont .item .overtxt img{height: 55px;}
.IT-area3 .superiority-cont .item .overtxt { padding: 0 15px; }
.IT-area3 .detaile-links .icon{background-size: 16px ;}
.IT-area3 .detaile-links:hover .icon{background-size: 16px ;}
}
@media screen and (max-width: 1040px) {
.IT-area3 .superiority-cont .item .overtxt img{height: 48px;}
}
@media screen and (max-width:768px) {
.IT-area3 .superiority-cont .item .overtxt img{height: 40px;}
}
@media screen and (max-width:500px) {
.IT-area3 .superiority-cont .item{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
.IT-area3 .superiority-cont .item:nth-child(2){margin-right: 0;}
.IT-area3 .superiority-cont .item .overtxt img{height: 32px;}
}
/* çµæ´»ç”¨å·¥æŠ¥ä»· */
.IT-area4 .offer-cont{text-align: center;}
.IT-area4 .offer-cont .tab-box{width: 19%;background: #F9F9F9;line-height: 34px;}
.IT-area4 .offer-cont .tab-box .tab-item{display: block;padding: 41px 0;position: relative;}
.IT-area4 .offer-cont .tab-box .tab-item .tab-tit{font-weight: 600;margin-bottom: 5px;}
.IT-area4 .offer-cont .tab-box .active-tab{background: #ffffff;}
.IT-area4 .offer-cont .tab-box .tab-item::before{content: ""; display: inline-block;width: 6px;height: 0%;background:#d70009 ;position: absolute;left: 0;top:0 ;transition: height 0.4s;}
.IT-area4 .offer-cont .tab-box .active-tab::before{height: 100%;}
.IT-area4 .offer-cont .tab-box .tab-item:hover::before{height: 100%;}
.IT-area4 .offer-cont .tabcont-box{width: 75%;}
.IT-area4 .tabcont-box .contitem {display: none;}
.IT-area4 .tabcont-box .active-c{display: block;}
.IT-area4 .tabcont-box .item{width: 32%;margin-right: 2%;height: 320px;}
.IT-area4 .tabcont-box .item:nth-child(3){margin-right: 0;}
.IT-area4 .tabcont-box .item .item-img{width: 100%;overflow: hidden;}
.IT-area4 .tabcont-box .item .item-img img{width: 100%;transition: all 0.4s;}
.IT-area4 .tabcont-box .item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.IT-area4 .tabcont-box .item .item-txt{border: 1px solid #E6E6E6;padding: 20px;}
.IT-area4 .tabcont-box .item .item-txt h6{margin-bottom: 10px;font-weight: 600;}
.IT-area4 .detaile-links{display: block; margin:50px auto 0;border:2px solid #d70009;background: #FFFFFF;color:#d70009 ;}
.IT-area4 .detaile-links .icon{background: url(../img/icon3.png) no-repeat center center ;}
.IT-area4 .detaile-links:hover{border:2px solid #d70009;background: #d70009;color:#ffffff ;}
.IT-area4 .detaile-links:hover .icon{background: url(../img/icon2.png) no-repeat center center ;}
@media screen and (max-width: 1680px) {
.IT-area4 .offer-cont .tab-box .tab-item { padding: 39px 0;}
}
@media screen and (max-width: 1440px) {
.IT-area4 .offer-cont .tab-box .tab-item { padding: 33px 0;}
}
@media screen and (max-width: 1366px) {
.IT-area4 .offer-cont .tab-box .tab-item { padding: 27px 0;}
.IT-area4 .offer-cont .tab-box .tab-item::before { width: 5px;}
}
@media screen and (max-width: 1280px) {
.IT-area4 .offer-cont .tab-box .tab-item { padding: 25px 0;}
.IT-area4 .offer-cont .tab-box .tab-item::before { width: 4px;}
.IT-area4 .tabcont-box .item .item-txt p{font-size: 16px;}
}
@media screen and (max-width: 1040px) {
.IT-area4 .offer-cont .tab-box .tab-item { padding: 22px 0;}
.IT-area4 .offer-cont .tab-box .tab-item::before { width: 3px;}
.IT-area4 .offer-cont .tab-box { width: 22%;}
.IT-area4 .offer-cont .tab-box .tab-item .tab-tit {margin-bottom: 0;}
.IT-area4 .tabcont-box .item .item-txt {padding: 15px;}
}
@media screen and (max-width: 900px) {
.IT-area4 .offer-cont .tab-box .tab-item {padding: 17px 0;}
.IT-area4 .offer-cont .tab-box .tab-item {padding: 12px 0; }
}
@media screen and (max-width:768px) {
.IT-area4 .offer-cont .tab-box { width: 100%;height: 100px; background: #ffffff;}
.IT-area4 .offer-cont .tab-box .tab-item{width: 50%;padding: 10px ;float: left;}
.IT-area4 .offer-cont .tab-box .active-tab{background: #F9F9F9;}
.IT-area4 .offer-cont .tabcont-box { width: 100%; }
.IT-area4 .offer-cont .tab-box .tab-item::before {width: 0%;height: 3px;transition: width 0.4s;}
.IT-area4 .offer-cont .tab-box .active-tab::before {width: 100%;height: 3px;}
.IT-area4 .offer-cont .tab-box .tab-item:hover::before {width: 100%;height: 3px;}
.IT-area4 .tabcont-box .item { height: 200px;}
}
/* <!-- è´¹ç”¨ç»„æˆ --> */
.IT-area5{background: url(../img/custom_made/bg1.jpg) no-repeat left top;background-size: 100% 100%;}
.IT-area5 .area-title{color: #ffffff;}
.IT-area5 .area-title .title{color: #ffffff;}
.IT-area5 .cost-cont .cost-item{width: 20%;text-align: center;display: inline-block;color:#ffffff;transition: all 0.9s;}
.IT-area5 .cost-cont .cost-item img{transition: all 1.5s;}
.IT-area5 .cost-cont .cost-item:hover img{transition: all 1.5s;transform: rotateY(180deg);}
.IT-area5 .cost-cont .cost-item h6{margin-top: 10px;}
.IT-area5 .cost-cont.c2{padding: 0 8%;}
.IT-area5 .cost-cont.c2 .cost-item {width: 25%;}
@media screen and (max-width: 1680px) {
.IT-area5 .cost-cont .cost-item img { height: 68px;}
}
@media screen and (max-width: 1440px) {
.IT-area5 .cost-cont .cost-item img { height: 62px;}
}
@media screen and (max-width: 1366px) {
.IT-area5 .cost-cont .cost-item img { height: 56px;}
}
@media screen and (max-width: 1280px) {
.IT-area5 .cost-cont .cost-item img { height: 50px;}
}
@media screen and (max-width: 1040px) {
.IT-area5 .cost-cont .cost-item img { height:46px;}
}
@media screen and (max-width: 768px) {
.IT-area5 .cost-cont .cost-item img { height:42px;}
.IT-area5 .c1{margin-bottom: 50px;}
}
@media screen and (max-width: 500px) {
.IT-area5 .cost-cont .cost-item img { height:35px;}
.IT-area5 .c1{margin-bottom: 30px;}
}
@media screen and (max-width: 370px) {
.IT-area5 .cost-cont .cost-item img { height:30px;}
}
/* çµæ´»ç”¨å·¥æµç¨‹ */
.IT-area6 .flow-cont{position: relative;height: 225px;}
.IT-area6 .flow-cont .line{display: inline-block;width: 100%;height: 2px;background: #E6E6E6;position: absolute;left: 0; top: 50%;}
.IT-area6 .flow-cont .list{width: 100%;height: 100%;}
.IT-area6 .flow-cont .list li{height: 100%;width: 14.2%;display: inline-block;position: relative;text-align: center;}
.IT-area6 .flow-cont .list li::before{content: "";display: inline-block;width: 14px;height: 14px;background: #FFFFFF;border: 2px solid #d70009;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -7px;margin-top: -7px;}
.IT-area6 .flow-cont .list li:nth-child(2n)::before{background:#d70009 ;}
.IT-area6 .flow-cont .list li:nth-child(2n+1) .icon{display: inline-block;width: 100%; position: absolute;top: 67%;left:5px;}
.IT-area6 .flow-cont .list li:nth-child(2n+1) .txt{display: inline-block;width: 100%; position: absolute;top: 20%;left:5px;}
.IT-area6 .flow-cont .list li:nth-child(2n) .txt{display: inline-block;width: 100%; position: absolute;top: 67%;left:5px;}
.IT-area6 .flow-cont .list li:nth-child(2n) .icon{display: inline-block;width: 100%; position: absolute;top: 8%;left: 0px;}
.IT-area6 .detaile-links{display: block; margin:50px auto 0;border:2px solid #d70009;background: #FFFFFF;color:#d70009 ;}
.IT-area6 .detaile-links .icon{background: url(../img/icon3.png) no-repeat center center ;}
.IT-area6 .detaile-links:hover{border:2px solid #d70009;background: #d70009;color:#ffffff ;}
.IT-area6 .detaile-links:hover .icon{background: url(../img/icon2.png) no-repeat center center ;}
@media screen and (max-width: 1440px) {
.IT-area6 .flow-cont .list li .icon img{width: 60px;}
}
@media screen and (max-width: 1366px) {
.IT-area6 .flow-cont .list li .icon img{width: 56px;}
.IT-area6 .flow-cont .list li .txt {font-size: 18px;}
.IT-area6 .flow-cont .list li::before { width: 13px;height: 13px;}
}
@media screen and (max-width: 1280px) {
.IT-area6 .flow-cont .list li .icon img{width: 52px;}
.IT-area6 .flow-cont .list li .txt {font-size: 16px;}
.IT-area6 .flow-cont .list li::before { width: 12px;height: 12px;}
}
@media screen and (max-width: 1040px) {
.IT-area6 .flow-cont .list li .icon img{width: 48px;}
.IT-area6 .flow-cont .list li .txt {font-size: 14px;}
.IT-area6 .flow-cont .list li::before { width: 10px;height: 10px;border-width: 1px; margin-top: -5px;}
}
@media screen and (max-width: 768px) {
.IT-area6 .flow-cont .list li .icon img{width: 42px;}
.IT-area6 .flow-cont .list li::before { width: 8px;height: 8px; margin-top: -4px;}
}
@media screen and (max-width: 500px) {
.IT-area6 .flow-cont .list li .icon img{width: 36px;}
.IT-area6 .flow-cont .list li:nth-child(2n) .icon { top: 22%;}
}
/* ä¼ä¸šæ•°å—å¤§å¦ */
/* æ供互è”网+项目全生命周期的管ç†ä¸ŽæœåŠ¡ */
.college-area1 .c-service-list .list-item{width: 18.5%;margin-right: 1.7%;transition: all 0.4s;text-align: center;padding: 90px 30px; background: #FFFFFF; border: 1px solid #EEEEEE;}
.college-area1 .c-service-list .list-item:nth-child(5){margin-right: 0;}
.college-area1 .c-service-list .list-item .icon{display: inline-block;}
.college-area1 .c-service-list .list-item:hover{transition: all 0.4s;box-shadow: 0 0 12px 3px #ececec;transform: translateY(-15px);}
@media screen and (max-width: 1440px) {
.college-area1 .c-service-list .list-item .icon img{height: 70px;}
.college-area1 .c-service-list .list-item { padding: 74px 25px;}
}
@media screen and (max-width: 1366px) {
.college-area1 .c-service-list .list-item .icon img{height: 64px;}
.college-area1 .c-service-list .list-item h6{font-size: 22px;}
.college-area1 .c-service-list .list-item { padding: 65px 20px;}
.college-area1 .c-service-list .list-item:hover { transform: translateY(-20px);}
}
@media screen and (max-width: 1280px) {
.college-area1 .c-service-list .list-item .icon img{height: 58px;}
.college-area1 .c-service-list .list-item h6{font-size: 20px;}
.college-area1 .c-service-list .list-item { padding: 55px 20px;}
}
@media screen and (max-width: 1040px) {
.college-area1 .c-service-list .list-item .icon img{height: 52px;}
.college-area1 .c-service-list .list-item h6{font-size: 18px;}
.college-area1 .c-service-list .list-item { padding: 45px 20px;}
}
@media screen and (max-width: 768px) {
.college-area1 .c-service-list .list-item .icon img{height: 40px;}
.college-area1 .c-service-list .list-item h6{font-size: 16px;}
.college-area1 .c-service-list .list-item { padding: 40px 20px;width: 32%;margin-bottom: 3%;margin-right: 2%;}
.college-area1 .c-service-list .list-item:nth-child(3n){margin-right: 0;}
.college-area1 .c-service-list .list-item:hover { transform: translateY(-15px);}
}
@media screen and (max-width: 500px) {
.college-area1 .c-service-list .list-item .icon img{height: 32px;}
.college-area1 .c-service-list .list-item h6{font-size: 14px;}
.college-area1 .c-service-list .list-item { padding: 30px 20px;}
.college-area1 .c-service-list .list-item:hover { transform: translateY(-10px);}
}
.college-area2 {background: #f9f9f9;}
.college-area2 .liucheng{text-align: center;padding: 25px 0;}
.item_01 {display: grid;grid-template-columns: repeat(4, 1fr) !important;gap: 20px;}
.item_01 .content_list{background:#fff;text-align:center;position:relative;padding-top:70px;padding-bottom:30px;margin-top:43px;box-shadow:0px 0px 20px rgba(0,0,0,.12);}
.item_01 .content_list:nth-child(4n){margin-right:0px;}
.item_01 .content_list .content_list_icon{width:86px;height:86px;border-radius:100%;box-shadow:0px 0px 20px rgba(0,0,0,.12);line-height:86px;margin:0 auto;position:absolute;top:-43px;background:#fff;left:0;right:0;display: flex;
align-items: center;
justify-content: center;}
.item_01 .content_list .content_list_icon img{max-width: 70%}
.item_01 .content_list .content_list_txt dd{font-size:18px;color:#333333;margin-bottom:15px;}
.item_01 .content_list .content_list_txt dt{font-size:14px;color:#666666;line-height:22px;padding: 0 15px;}
.item_h207 .content_list{height: 207px;}
.item_h207 .content_list dt{word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.grid-3{grid-template-columns: repeat(3, 1fr) !important;}
.college-area2 .se-list .item{width: 32%;margin-right: 2%;transition: all 0.4s;overflow: hidden;position: relative;}
.college-area2 .se-list .item>img{width: 100%;transition: all 0.4s;}
.college-area2 .se-list .item:hover>img{transition: all 0.4s;transform: scale(1.1);}
.college-area2 .se-list .item:last-child{margin-right: 0;}
.college-area2 .se-list .item .overtxt{width:100% ;text-align: center;position: absolute;left: 0;top: 50%;color:#ffffff;padding: 0 13%;}
.college-area2 .se-list .item .infor{text-align: justify;}
.college-area2 .se-list .icon{display:inline-block;height: 65px;margin-bottom: 10px;}
.college-area2 .detaile-links{margin-top: 60px;background:transparent;}
.college-area5 .item-con{display: flex;justify-content:space-between;flex-wrap: wrap;}
.college-area5 .item-row{display: flex;justify-content:space-between;width: 45%;padding: 30px 0;border-top: 1px solid #e0e0e0;}
.college-area5 .item-row .item-img{width: 35%;display: flex; align-items: center;}
.college-area5 .item-row .item-img img{width: 100%}
.college-area5 .item-row .item-text{width: 60%}
.college-area5 .item-row .item-text p{padding: 30px 0;}
@media screen and (max-width: 1440px) {
.college-area2 .se-list .icon img{height: 60px;}
.college-area2 .se-list .item .overtxt h5{font-size: 26px;}
}
@media screen and (max-width: 1366px) {
.college-area2 .se-list .icon img{height: 52px;}
.college-area2 .se-list .icon {height: 55px;}
.college-area2 .se-list .item .overtxt h5{font-size: 22px;}
}
@media screen and (max-width: 1280px) {
.college-area2 .se-list .icon {height: 46px;}
.college-area2 .se-list .icon img{height: 46px;}
.college-area2 .se-list .item .overtxt h5{font-size: 20px;}
.college-area2 .se-list .item .overtxt .infor{font-size: 16px;}
}
@media screen and (max-width: 1040px) {
.college-area2 .se-list .icon {height: 40px;}
.college-area2 .se-list .icon img{height: 40px;}
.college-area2 .se-list .item .overtxt h5{font-size: 18px;margin-bottom: 10px;}
.college-area2 .se-list .item .overtxt .infor{font-size: 14px;}
.college-area2 .se-list .item .overtxt { padding: 0 10%;}
.college-area2 .detaile-links { margin-top: 45px; }
}
@media screen and (max-width: 768px) {
.college-area2 .se-list .icon {height: 36px;}
.college-area2 .se-list .icon img{height: 36px;}
.college-area2 .se-list .item .overtxt { padding: 0 8%;}
.college-area2 .se-list .item .overtxt h5{font-size: 16px;margin-bottom: 5px;}
.college-area2 .detaile-links { margin-top: 40px; }
}
@media screen and (max-width: 650px) {
.college-area2 .se-list .icon {height: 40px;}
.college-area2 .se-list .icon img{height: 40px;}
.college-area2 .se-list .item .overtxt { padding: 0 5%;}
.college-area2 .se-list .item .overtxt h5{font-size: 16px;margin-bottom: 3px;}
.college-area2 .se-list .item { width: 100%;margin-bottom: 10px;}
.college-area2 .detaile-links { margin-top: 30px; }
}
/* <!-- 15000+ 为他们æ供产å“与æœåŠ¡ --> */
.college-area3 .teamwork-list .item{width:48.8%;margin-right: 1.5%;margin-bottom: 1.5%;background: #ffffff;transition: all 0.4s;}
.college-area3 .teamwork-list .item:hover{transition: all 0.4s; box-shadow: 0 0 12px 3px #e4e4e3;}
.college-area3 .teamwork-list .item:nth-child(2n){margin-right: 0;}
.college-area3 .teamwork-list .item img{width: 100%;}
@media screen and (max-width: 1280px) {
.college-area3 .teamwork-list .item { width: 31.9%;margin-right: 1.7%;}
.college-area3 .teamwork-list .item:nth-child(5n){margin-right: 1.7%;}
.college-area3 .teamwork-list .item:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width: 1040px) {
.college-area3 .teamwork-list .item {width: 31.9%;margin-right: 1.7%;}
.college-area3 .teamwork-list .item:nth-child(4n){margin-right: 1.7%;}
.college-area3 .teamwork-list .item:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 768px) {
.college-area3 .teamwork-list .item {width: 31.9%;margin-right: 1.7%;}
.college-area3 .teamwork-list .item:nth-child(4n){margin-right: 1.7%;}
.college-area3 .teamwork-list .item:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 500px) {
.college-area3 .teamwork-list .item {width: 100%;margin-right: 0;}
}
/* 优势在线 */
.college-area4{background: #f9f9f9;}
.college-area4 .data-item{display: inline-block;width: 20%;position: relative;transition: all 0.4s;text-align: center;}
.college-area4 .data-item::after{content: "";display: inline-block;width: 1px; height: 44px; background: #D5D5D5;position: absolute;top: 50%;right: 0;margin-top: -22px;}
.college-area4 .data-item:last-child::after{opacity: 0;}
.college-area4 .data-item .data{display: inline-block;position: relative;}
.college-area4 .data-item .counter{font-size: 64px;font-weight: 600;color: #222222;line-height: 96px;font-family: 'SourceHanSansCN-Bold';}
.college-area4 .data-item .secorde{font-size: 24px; position: absolute; right: -15px; bottom: 10px;}
.college-area4 .data-item:nth-child(2) .secorde{right: -30px;}
.college-area4 .data-item:nth-child(5) .secorde{right: -25px;}
.college-area4 .data-item .name{display: inline-block;text-align: right;width: 100px; font-size: 16px; font-weight: 400; color: #666666; line-height: 24px;position: absolute;right: -0%;bottom: -20px;}
@media screen and (max-width: 1680px) {
.college-area4 .data-item .counter { font-size: 62px;}
}
@media screen and (max-width: 1440px) {
.college-area4 .data-item .counter { font-size: 58px;}
.college-area4 .data-item .secorde { font-size: 22px;}
}
@media screen and (max-width: 1366px) {
.college-area4 .data-item .counter { font-size: 50px;}
.college-area4 .data-item .secorde { font-size: 20px;}
}
@media screen and (max-width: 1280px) {
.college-area4 .data-item .counter { font-size: 42px;}
.college-area4 .data-item .secorde { font-size: 18px;}
.college-area4 .data-item .name {font-size: 14px;bottom: -15px;}
}
@media screen and (max-width: 1040px) {
.college-area4 .data-item .counter { font-size: 36px;}
.college-area4 .data-item .secorde { font-size: 16px;}
}
@media screen and (max-width: 768px) {
.college-area4 .data-item { width: 33%;}
.college-area4 .data-item .counter { font-size: 32px;}
.college-area4 .data-item .secorde { font-size: 14px;}
.college-area4 .data-item::after { height: 36px; margin-top: -18px;}
}
@media screen and (max-width: 500px) {
.college-area4 .data-item .counter { font-size: 26px;}
.college-area4 .data-item::after { height: 30px; margin-top: -15px;}
}
/* 视频æ‹æ‘„与制作 */
.video-area1 .view-cont .item{width: 33.3%;text-align: center;padding: 50px 5%;}
.video-area1 .view-cont .item .icon{margin-bottom: 15px;transition: all 0.8s;transform: rotateY(0deg);}
.video-area1 .view-cont .item .icon:hover{transition: all 0.8s;transform: rotateY(-180deg);}
.video-area1 .view-cont .item h5{margin-bottom: 15px;font-weight: 600;}
@media screen and (max-width: 1440px) {
.video-area1 .view-cont .item .icon img{height: 65px;}
.video-area1 .view-cont .item .txt{font-size: 20px;}
}
@media screen and (max-width: 1366px) {
.video-area1 .view-cont .item .icon img{height: 62px;}
.video-area1 .view-cont .item .txt{font-size: 18px;}
.video-area1 .view-cont .item {padding: 40px 3%;}
.video-area2 .list-item .item-txt .order { font-size: 110px;}
}
@media screen and (max-width: 1280px) {
.video-area1 .view-cont .item .icon img{height: 56px;}
.video-area1 .view-cont .item .txt{font-size: 16px;}
.video-area1 .view-cont .item {padding: 30px 3%;}
}
@media screen and (max-width: 1040px) {
.video-area1 .view-cont .item .icon img{height: 50px;}
}
@media screen and (max-width: 768px) {
.video-area1 .view-cont .item .icon img{height: 46px;}
}
@media screen and (max-width: 500px) {
.video-area1 .view-cont .item .icon img{height: 42px;}
.video-area1 .view-cont .item {width: 100%;box-shadow: 0 0 8px 2px #ececec;margin-bottom: 10px; }
.video-area1 .view-cont .item h5 {margin-bottom: 10px;font-size: 18px;}
}
/* æœåŠ¡æµç¨‹ */
.video-area2{background: #f9f9f9;}
.video-area2 .fllow-list .list-item{background: #ffffff; width: 25%;display: inline-block;text-align: center;position: relative;}
.video-area2 .fllow-list .list-item .item-img{width: 100%;overflow: hidden;}
.video-area2 .item-img img{width: 100%;transition: all 0.4s;}
.video-area2 .list-item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.video-area2 .list-item .item-txt { padding: 0 20px ; height: 200px;width: 100%;position: relative;background: #ffffff; }
.video-area2 .list-item .item-txt::after{content: "";display: inline-block;width: 0;height: 0;border-width: 16px 16px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;top: -32px;left: 50%;margin-left: -14px; z-index: 1;}
.video-area2 .list-item:nth-child(2n) .item-txt::after{top: 100%;border-color: #ffffff transparent transparent transparent;}
.video-area2 .list-item .item-txt h5{font-weight: 600;padding:35px 0 20px;width: 100%; z-index: 3;position: absolute;top: 0;left: 0;z-index: 4;}
.video-area2 .list-item .item-txt .order{font-size: 120px;position: absolute;left: 42%;top: -25px; color: #F2F2F2;z-index: 1;}
.video-area2 .list-item .item-txt .txt{z-index: 8;position: absolute;left: 0;top: 90px;width: 100%;padding: 0 20px ;}
@media screen and (max-width: 1440px) {
.video-area2 .list-item .item-txt .order { font-size: 100px;}
.video-area2 .list-item .item-txt::after { border-width: 14px 14px; top: -28px;}
}
@media screen and (max-width: 1366px) {
.video-area2 .list-item .item-txt .order { font-size: 90px;}
}
@media screen and (max-width: 1280px) {
.video-area2 .list-item .item-txt .order { font-size: 80px; top: 0;}
}
@media screen and (max-width: 1040px) {
.video-area2 .list-item .item-txt .order { font-size: 70px; left: 47%;}
.video-area2 .list-item .item-txt .txt{font-size: 14px;text-align: justify;}
}
@media screen and (max-width: 768px) {
.video-area2 .list-item .item-txt .txt{font-size: 14px;text-align: justify;}
.video-area2 .fllow-list .list-item { width: 50%;}
}
@media screen and (max-width: 500px) {
.video-area2 .fllow-list .list-item { width: 100%;margin-bottom: 10px;border-radius: 5px;box-shadow: 0 010px 2px #ececec;}
.video-area2 .list-item .item-txt { height: 160px;}
}
/* 互è”网医院解决方案 Start*/
.hospital-sec1{padding: 60px 0;}
.hospital-sec1 .sec-text{max-width: 1180px;margin: 0 auto;padding: 30px 0 60px;position: relative;}
.hospital-sec1 .sec-text::before{display: block;content: '';position: absolute;width: 157px;height: 137px;background: url(../img/yinghao.png) no-repeat;background-size: contain;left: 5%;top: -15%;}
.hospital-sec1 .sec-text p{text-align: center;font-size: 28px;position: relative;z-index: 3;}
.hospital-sec1 .sec-text span{font-weight: bold;}
.hospital-sec1 .sec-tab{margin-top: 50px;height: 720px;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: stretch;align-items: stretch;}
.hospital-sec1 .sec-tab .function{width: 60%;height: 100%;background: url(../img/circle_bg.png) no-repeat center center;background-size: contain;}
.hospital-sec1 .sec-tab .function .img{height: 100%;display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
.hospital-sec1 .sec-tab .function .img img{object-fit: contain; max-height: 100%;max-width: 100%;}
.hospital-sec1 .sec-tab .tab-menu{width: 40%;padding-right: 12px;;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: stretch;align-items: stretch;}
.hospital-sec1 .sec-tab .tab-menu a{display: block;margin-bottom: 20px;background-color: #fff;padding: 20px;max-width: 520px;}
.hospital-sec1 .sec-tab .tab-menu a:last-child{margin-bottom: 0;}
.hospital-sec1 .sec-tab .tab-menu a.on{box-shadow: 0px 0px 11px 2px rgba(233, 233, 233, 0.5);}
.hospital-sec1 .sec-tab .tab-menu a.on h4{color: #d70009;}
.hospital-sec1 .sec-tab .tab-menu h4{font-size: 28px;margin-bottom: 10px;}
.hospital-sec1 .sec-tab .tab-menu p{font-size: 16px;}
.hospital-sec2{background-color: #F9F9F9;padding: 60px 0;}
.hospital-sec2.jishu-area1 .scene-cont .txt2 .txt{-webkit-line-clamp: 8;}
.hospital-sec3{padding: 50px 0 60px;}
.hospital-sec3 .sec-list li{display: -webkit-box;display: flex;-webkit-box-align: center;align-items: center;}
.hospital-sec3 .sec-list .img{width: 50%;}
.hospital-sec3 .sec-list .img img{width: 100%;}
.hospital-sec3 .sec-list .text{width: 50%;padding: 20px 5%;}
.hospital-sec3 .sec-list .text h4{font-size: 30px;font-weight: bold;}
.hospital-sec3 .sec-list .text p{font-size: 22px;margin: 20px 0 40px;}
.hospital-sec3 .sec-list li:nth-child(even) .img{-webkit-box-ordinal-group: 3;order: 2;}
.hospital-sec3 .sec-list li .detaile-links{margin: 0;}
.hospital-sec4{padding: 50px 0 0;background-color: #f9f9f9;}
@media screen and (max-width: 1440px) {
.hospital-sec1{padding: 45px 0;}
.hospital-sec1 .sec-text{max-width: 960px;}
.hospital-sec1 .sec-text p{font-size: 20px;}
.hospital-sec1 .sec-text::before{width: 100px;height: 87px;}
.hospital-sec1 .sec-tab{height: 600px;}
.hospital-sec1 .sec-tab .tab-menu{position: relative;left: -5%;}
.hospital-sec1 .sec-tab .tab-menu a{margin-bottom: 16px;padding: 16px 20px;}
.hospital-sec1 .sec-tab .tab-menu a h4{font-size: 22px;}
.hospital-sec2{padding: 64px 0;}
.hospital-sec2.jishu-area1 .scene-cont .txt2 .txt{-webkit-line-clamp: 6;}
.hospital-sec3{padding: 45px 0;}
.hospital-sec3 .sec-list .text h4{font-size: 24px;}
.hospital-sec3 .sec-list .text p{font-size: 18px;}
.hospital-sec4{padding: 45px 0 0;}
.yl-indtit.yl-indtit2 { font-size: 22px; }
.hospital-sec3 .sec-list .text { padding: 20px 3%; }
}
@media screen and (max-width: 768px) {
.hospital-sec1{padding: 30px 0;}
.hospital-sec1 .sec-text p{font-size: 16px;}
.hospital-sec1 .sec-tab{height: auto;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: center;align-items: center;}
.hospital-sec1 .sec-tab .function{height: 400px;width: 100%;}
.hospital-sec1 .sec-tab .tab-menu{width: 100%;max-width: 520px;margin: 30px auto 0;padding: 0 15px;left: 0;}
.hospital-sec2{padding: 35px 0;}
.hospital-sec2.jishu-area1 .scene-cont .txt2 .txt{-webkit-line-clamp: 4;}
.hospital-sec3{padding: 35px 0;}
.hospital-sec3 .sec-list .text{padding: 12px 4%;}
.hospital-sec3 .sec-list .text h4{font-size: 18px;font-weight: bold;}
.hospital-sec3 .sec-list .text p{font-size: 14px;margin: 10px 0 20px;}
.hospital-sec4{padding: 35px 0;}
}
@media screen and (max-width: 768px) {
.hospital-sec1{padding: 30px 0;}
.hospital-sec2{padding: 30px 0;}
.hospital-sec3{padding: 30px 0;}
.hospital-sec4{padding: 30px 0;}
.hospital-sec1 .sec-text{padding: 10px 0 20px;}
.hospital-sec1 .sec-text p{font-size: 14px;}
.hospital-sec1 .sec-tab .function{height: 300px;}
.hospital-sec1 .sec-tab .tab-menu a{margin-bottom: 10px;padding: 12px 15px;}
.hospital-sec1 .sec-tab .tab-menu a h4{font-size: 18px;}
.hospital-sec1 .sec-tab .tab-menu a p{font-size: 14px;}
.hospital-sec3 .sec-list li{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;}
.hospital-sec3 .sec-list .img{width: 100%;}
.hospital-sec3 .sec-list .text{width: 100%;-webkit-box-ordinal-group: 4;order: 3;padding: 15px 5% 25px;}
.yl-indtit.yl-indtit2 { font-size: 18px; }
}
/* 互è”网医院解决方案 End*/
/*新闻列表*/
.news-area .newsTab{box-shadow: 0px 5px 9px 2px rgba(227, 227, 227, 0.5);}
.news-area .news-tab a{color: #222222;padding: 0 30px;border-right: 1px solid #F2F2F2;height: 60px;line-height: 60px;display: inline-block;}
.news-area .news-tab a.active{color: #fff;background: #d70009;}
.news-area .newsContainer .news_list{display: none;}
.news-area .newsContainer .news_list.active{display: block;}
.news-area .newsContainer .news_list .newscont .item{margin-bottom: 43px;}
.news-area .newsContainer .news_list .newscont .item:nth-child(3n){margin-right: 0;}
.news-area .newsContainer .news_list .newscont{transition: all 0.4s;}
/*新闻列表详情*/
.news-area-detail .title h3{font-size: 40px;color: #d70009;line-height: 60px;}
.news-area-detail .news-left{width: 65.69%;}
.news-area-detail .news-left .content .img{width: 100%;height: 100%;}
.news-area-detail .news-left .content .img img{width: 100%;height: 100%;object-fit: cover;}
.news-area-detail .news-left .content{border-bottom: 1px solid #E6E6E6;}
.news-area-detail .news-left .content{color: #333333;line-height:1.6;font-size: 18px;}
.news-area-detail .news-left .content p{margin-bottom: 10px;}
.news-area-detail .news-left .content .txt{text-align: justify;}
.news-area-detail .news-left .content .tit{font-weight: bold;}
.news-area-detail .news-left .key-word{color: #333333;}
.news-area-detail .news-left .key-word a{display: inline-block;padding: 5px 8px;margin: 0 5px;background: #F9F9F9;}
.news-area-detail .news-left .article-link p:hover a{color: #d70009;}
.news-area-detail .news-right{width: 31.4%;}
.news-detail-banner .swiper-pagination{width: 35%;}
.news-detail-banner .swiper-pagination-bullet{background: #fff;width: 12px;height: 12px;opacity: 1;}
.news-detail-banner .swiper-pagination-bullet-active{background: #d70009;}
.news-detail-banner.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 65%;}
.news-detail-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5.5px;}
.right-tag{margin-top: 25px;background: #F9F9F9;}
.right-tag .right-title{padding-left: 25px;padding-top: 25px;}
.right-tag .right-title h3{position: relative;display: inline-block;font-weight: 600;}
.right-tag .right-title h3::before{content: "";width: 8px;height: 34px;display: inline-block;background: #d70009;position: absolute;top: 7px;left: -25px;}
.right-tag .right-title a{color: #d70009;margin-right: 25px;line-height: 45px;}
.right-tag .pop-content{padding: 25px 25px 0;border-bottom: 25px solid #fff;}
.pop-tag .pop-content a{font-size: 22px;color: #d70009;border: 1px solid #d70009;padding: 11px 14px;display: inline-block;margin-right: 20px;min-width: 170px;text-align: center;}
.pop-tag .pop-content a:nth-child(even){margin-right: 0;}
.pop-tag .btn{color: #fff;width: 100%;background: #d70009;height: 88px;line-height: 88px;text-align: center;cursor: pointer;}
.right-tag .newscont .item{display: inline-block; transition: all 0.4s;width: 100%;margin-bottom: 20px}
.right-tag .newscont .item:last-child{margin-right: 0;}
.right-tag .newscont .item .item-img {width: 100%;overflow: hidden;}
.right-tag .newscont .item .item-img img{width: 100%;transition: all 0.4s;}
.right-tag .newscont .item:hover .item-img img{transition: all 0.4s;transform: scale(1.1);}
.right-tag .newscont .item .item-txt{transition: all 0.4s;padding: 20px;border: 1px solid #F2F2F2;}
.right-tag .newscont .item .item-txt:hover{transition: all 0.4s;background: #f9f9f9;}
.right-tag .newscont .item .item-txt h5{font-size: 24px;color:#222222 ;transition: all 0.4s;font-weight: 600;margin-bottom: 20px;}
.right-tag .newscont .item:hover .item-txt h5{transition: all 0.4s;color: #d70009;}
.right-tag .newscont .item .txt{color: #333333;line-height: 30px;font-size: 18px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.right-tag .newscont .item .item-txt{background: #fff;}
@media screen and (max-width: 1680px) {
.pop-tag .pop-content a{font-size: 20px;padding: 9px;}
.right-tag .newscont .item .item-txt h5{font-size: 22px;}
.news-area .newsContainer .news_list .newscont .item { margin-bottom: 30px; }
}
@media screen and (max-width: 1440px) {
.news_list .newscont .item{margin-bottom: 20px;}
.pop-tag .pop-content a{font-size: 18px;padding: 8px;min-width: 140px;}
.pop-tag .btn{height: 68px;line-height: 68px;}
.right-tag .newscont .item .item-txt h5{font-size: 20px;}
.right-tag .newscont .item .txt{line-height: 28px}
}
@media screen and (max-width: 1366px) {
.right-tag .right-title{padding-top: 20px;padding-left: 20px;}
.right-tag .right-title h3::before{left: -20px;}
.right-tag .pop-content{padding: 20px 20px 0;border-bottom: 20px solid #FFF;}
.pop-tag .pop-content a{padding: 5px;min-width: 130px;margin-right: 10px;}
.pop-tag .btn { height: 62px; line-height: 63px; font-size: 20px;}
.right-tag .right-title h3 { font-size: 24px;}
.right-tag .right-title h3::before { width: 5px; height: 28px; top: 4px; left: -20px; }
.news-area-detail .title h3 {font-size: 36px;}
.right-tag .newscont .item .item-txt h5{font-size: 18px;}
.right-tag .newscont .item .txt{line-height: 26px;font-size: 16px}
}
@media screen and (max-width: 1280px) {
.pop-tag .pop-content a{font-size: 16px;min-width: 128px;}
.pop-tag .btn { height: 56px; line-height: 56px; font-size: 18px;}
.right-tag .right-title h3 { font-size: 20px;}
.right-tag .right-title h3::before { width: 3px; height: 26px; top: 3px; left: -20px; }
.news-area-detail .title h3 {font-size: 32px;}
.pop-tag .pop-content a { font-size: 14px; min-width: 118px;margin-bottom: 15px;}
.news-area .newsContainer .news_list .newscont .item { margin-bottom: 20px; }
}
@media screen and (max-width: 1200px) {
.right-tag .right-title{padding-top: 15px;padding-left: 15px;}
.right-tag .pop-content{padding: 15px 15px 0;border-bottom: 15px solid #FFF;}
.pop-tag .pop-content a{font-size: 16px;min-width: 118px;}
.news-area-detail .title h3 {font-size: 28px; line-height: 50px;}
}
@media screen and (max-width:768px) {
.news-area-detail .news-left { width: 100%;}
.news-area-detail .news-right { width: 100%; }
.right-tag .right-title h3::before { left: -14px; }
.pop-content .news_list .newscont .item { width: 49%; margin-right: 2%; }
.pop-content .news_list .newscont .item:nth-child(2n){margin-right: 0;}
.pop-tag .btn {height: 50px;line-height: 50px;font-size: 16px;}
.news_list .newscont .item .item-txt h5 { font-size: 16px; margin-bottom: 10px; }
.right-tag .right-title h3 { font-size: 16px; }
.pop-tag .pop-content a {font-size: 14px;min-width: 125px;margin-bottom: 10px;margin-right: 6px; }
.news-area .news-tab a {padding: 0 18px;height: 50px;line-height: 50px;font-size: 14px;}
.right-tag .newscont .item .item-txt h5{font-size: 16px;}
.right-tag .newscont .item .txt{line-height: 20px;font-size: 14px}
}
/*å°ç¨‹åºå¼€å‘*/
.bonus-list ul li{width: 22.2%; margin-right: 3.7%;text-align: center;padding: 30px;max-height: 280px;transition: all .4s;}
.bonus-list ul li:last-child{margin-right: 0;}
.bonus-list ul li .img{text-align: center;max-width: 59px;margin: 0 auto 36px;transition: all 0.4s;}
.bonus-list ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.bonus-list ul li .text{color: #222222;}
.bonus-list ul li .text h4{font-weight: bold;margin-bottom: 18px;}
.bonus-list ul li .text p{line-height: 28px;text-align: center;}
.bonus-list ul li:hover{box-shadow: 0px 0px 10px 2px rgba(234, 234, 234, 0.5);transform: translateY(-30px);transition: all .4s;}
@media screen and (max-width: 1440px) {
.bonus-list ul li .img {max-width: 54px;}
.bonus-list ul li .text h4 { margin-bottom: 15px; font-size: 24px; }
}
@media screen and (max-width: 1366px) {
.bonus-list ul li .img {max-width: 50px; margin: 0 auto 20px;}
.bonus-list ul li .text h4 { margin-bottom: 12px; font-size: 22px; }
.bonus-list ul li .text p { line-height: 26px; font-size: 16px; }
.bonus-list ul li { padding: 20px; width: 24%; margin-right: 1.2%;}
}
@media screen and (max-width: 1280px) {
.bonus-list ul li .img {max-width: 46px;}
.bonus-list ul li .text h4 { font-size: 20px; }
.bonus-list ul li .text p { line-height: 24px; font-size: 14px; }
.bonus-list ul li { padding: 10px;}
}
@media screen and (max-width: 768px) {
.bonus-list ul li .img {max-width: 42px;}
.bonus-list ul li .text h4 { margin-bottom: 10px; font-size: 18px; }
.bonus-list ul li .text p { line-height: 22px; }
}
@media screen and (max-width: 600px) {
.bonus-list ul li .img {max-width: 40px; margin: 0 auto 8px;}
.bonus-list ul li { width: 48%;}
.bonus-list ul li .text h4 {margin-bottom: 4px;font-size: 16px;}
}
/* <!-- å„行业解决方案 --> */
.applets-area3 {background:#f9f9f9 ;}
.applets-area3 .appletstab-box .tab-item{display: inline-block;width: 20%;text-align: center;font-size: 24px;}
.applets-area3 .appletstab-box .tab-item .icon{position: relative;height: 60px;width: 100%;margin-bottom: 6px;}
.applets-area3 .appletstab-box .tab-item img{max-height: 100%;transition: all 0.4s;}
.applets-area3 .appletstab-box .tab-item .img2{position: absolute;top: 0;left: 50%;transform: translate(-50%,-0%);opacity: 0;}
.applets-area3 .appletstab-box .tab-item:hover .img1{opacity: 0;}
.applets-area3 .appletstab-box .tab-item:hover .img2{opacity: 1;transform: translate(-50%,0);}
.applets-area3 .appletstab-box .tab-item.active-tab .img2{opacity: 1;transform: translate(-50%,0);}
.applets-area3 .appletstab-box .tab-item.active-tab .img1{opacity: 0;}
.applets-area3 .appletstab-box.bottom-tab{padding-bottom: 20px;}
.applets-area3 .tabcont-box{background: #ffffff;}
.applets-area3 .tabcont-box .contitem{padding: 50px 0;display: none;animation: fadeIn 0.4s ease-in-out;}
.applets-area3 .tabcont-box .contitem.active-c{display: block;}
.applets-area3 .tabcont-box .detaile-links:hover{transition: all 0.4s;background:#f4bb01;}
.applets-area3 .tabcont-box .contitem .title {font-weight: 600;}
@media screen and (max-width: 1440px) {
.applets-area3 .appletstab-box .tab-item .icon { height: 50px;}
}
@media screen and (max-width: 1366px) {
.applets-area3 .appletstab-box .tab-item .icon { height: 46px;}
}
@media screen and (max-width: 1280px) {
.applets-area3 .appletstab-box .tab-item .icon { height: 42px;}
}
@media screen and (max-width:768px) {
.applets-area3 .appletstab-box .tab-item .icon { height: 34px;}
}
@media screen and (max-width:500px) {
.applets-area3 .appletstab-box .tab-item .icon { height: 28px;}
.applets-area3 .tabcont-box .contitem { padding: 30px 16px;}
.applets-area3 .tabcont-box .contitem p{font-size: 14px;}
.applets-area3 .appletstab-box.bottom-tab { padding: 20px 0;}
}
.scope-list ul li{width: 23.85%;margin-right: 1.5%;margin-bottom: 30px;position: relative;}
.scope-list ul li:nth-child(4n){margin-right: 0;}
.scope-list ul li .img-bg{width: 100%;height: 100%;overflow: hidden;}
.scope-list ul li .img-bg img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.scope-list ul li .text{position: absolute;top: 50%;left: 50%; width: 80%;text-align: center;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.scope-list ul li .text .img-icon{text-align: center;}
.scope-list ul li .text h4{color: #fff;}
.scope-list ul li:hover .img-bg img{transform: scale(1.1);transition: all .4s;}
@media screen and (max-width: 1440px) {
.scope-list ul li .text .img-icon img{height: 56px;}
.scope-list ul li .text h4 { font-size: 30px; }
}
@media screen and (max-width: 1366px) {
.scope-list ul li .text .img-icon img{height: 46px;}
.scope-list ul li .text h4 { font-size: 26px; }
}
@media screen and (max-width: 1280px) {
.scope-list ul li .text .img-icon img{height: 42px;}
.scope-list ul li .text h4 { font-size: 20px; }
.scope-list ul li .text { width: 80%; text-align: center;}
}
@media screen and (max-width: 1040px) {
.scope-list ul li .text .img-icon img{height: 36px;}
.scope-list ul li .text h4 { font-size: 18px; }
}
@media screen and (max-width: 768px) {
.scope-list{padding: 0 10px;}
.scope-list ul li {width: 32%;margin-bottom: 1.7%;}
.scope-list ul li:nth-child(4n) {margin-right: 1.7%;}
.scope-list ul li:nth-child(3n) {margin-right: 0;}
.scope-list ul li .text .img-icon img{height: 36px;}
.scope-list ul li .text h4 { font-size: 18px;margin-top: 10px;}
}
@media screen and (max-width: 500px) {
.scope-list ul li .text h4 {font-size: 14px;}
.scope-list ul li {width: 49%;}
.scope-list ul li:nth-child(3n) {margin-right: 1.7%;}
.scope-list ul li:nth-child(2n) {margin-right: 0;}
.scope-list ul li .text .img-icon img {height: 28px;}
}
.index-right-fixed{
position: fixed;
right: 0px;
top: 46%;
z-index: 1000;
}
.index-right-fixed p {
font-size: 15px;
width: 270px;
height: 45px;
line-height: 45px;
text-indent: 55px;
text-align: center;
color: #fff;
display: block;
overflow: hidden;
position: relative;
background: #2e6bfc;
/*background: linear-gradient(rgba(254,84,0,.8),rgba(255,118,50,.8));*/
text-transform: uppercase;
border-radius: 30px;
}
.index-right-fixed p:after{
content: "";
background: #fff;
position: absolute;
width: 200px;
height: 200px;
left: 35px;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
margin: auto;
border-radius: 50%;
transform: scale(1);
animation: 1s btn ease-in-out infinite;
}
@keyframes btn{
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.index-right-fixed img {
left: -10px;
top: 50%;
margin-top: -35px;
position: absolute;
z-index: 9999;
border: 0;
}
/*展会*/
.zhan-list li{
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.zhan-list li .img-box{
width: 27%;
position: relative;
}
.zhan-list li:nth-child(1) .text .bg{
position: absolute;
width: 206px;
height: 177px;
background: url(../img/exhibition/bg.png) no-repeat;
background-size: contain;
right: 0%;
top: -76%;
z-index: -1;
}
.zhan-list li:nth-child(3),.zhan-list li:nth-child(5){
padding: 80px 0;
}
.zhan-list li:nth-child(3) .img-box,
.zhan-list li:nth-child(5) .img-box{
width: 70%;
}
.zhan-list li:nth-child(3) .img-box .bg,
.zhan-list li:nth-child(5) .img-box .bg{
right: 0%;
bottom: -17%;
}
.zhan-list li .img-box .bg{
position: absolute;
width: 206px;
height: 177px;
background: url(../img/exhibition/bg.png) no-repeat;
background-size: contain;
right: -18%;
bottom: -3%;
z-index: -1;
}
.zhan-list li .text{
width: 73%;
padding: 20px 5%;
position: relative;
}
.zhan-list li .text .count{
position: absolute;
width: 204px;
height: 107px;
background: url(../img/exhibition/count1.png) no-repeat;
background-size: contain;
left: 8%;
top: -20%;
z-index: -1;
}
.zhan-list li:nth-child(2) .text .count{
background: url(../img/exhibition/count2.png) no-repeat;
}
.zhan-list li:nth-child(3) .text .count{
background: url(../img/exhibition/count3.png) no-repeat;
}
.zhan-list li:nth-child(4) .text .count{
background: url(../img/exhibition/count4.png) no-repeat;
}
.zhan-list li:nth-child(5) .text .count{
background: url(../img/exhibition/count5.png) no-repeat;
}
.zhan-list li:nth-child(6) .text .count{
background: url(../img/exhibition/count6.png) no-repeat;
}
.zhan-list li:nth-child(7) .text .count{
background: url(../img/exhibition/count7.png) no-repeat;
}
.zhan-list li:nth-child(even) .img-box{-webkit-box-ordinal-group: 3;order: 2;}
.zhan-list li:nth-child(even) .img-box .bg{
left: -28%;
bottom: -3%;
}
.zhan-list li .text h4{
font-size: 40px;
font-weight: bold;
color: #d70009;
}
.zhan-list li .text p{
font-size: 24px;
margin: 20px 0 40px;
}
.zhan-list .contlink {
border: 2px solid #d70009;
color: #d70009;
background: #ffffff;
}
.zhan-list .contlink .icon {
background: url(../img/icon3.png) no-repeat;
background-size: 100%;
margin-left: 4px;
}
.zhan-list .contlink:hover {
transition: all 0.4s;
background: #d70009;
color: #ffffff;
}
.zhan-list .contlink:hover .icon {
background: url(../img/icon2.png) no-repeat;
background-size: 100%;
}
@media screen and (max-width: 1440px){
.zhan-list li .text h4{
font-size: 30px;
}
.zhan-list li .text p{
font-size: 18px;
}
.zhan-list li .img-box .bg{
width: 206px;
height: 177px;
}
.zhan-list li:nth-child(1) .text .bg{
width: 206px;
height: 177px;
}
}
@media screen and (max-width: 768px){
.zhan-list li .img-box,.zhan-list li .text{
width: 100%;
}
.zhan-list li{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.zhan-list li .img-box .bg{
width: 106px;
height: 77px;
}
.zhan-list li .text h4{
font-size: 18px;
font-weight: bold;
}
.zhan-list li .text p {
font-size: 14px;
margin: 10px 0 20px;
}
.zhan-list li:nth-child(3) .img-box, .zhan-list li:nth-child(5) .img-box{
width: 100%;
}
.zhan-list li:nth-child(3), .zhan-list li:nth-child(5){
padding: 40px 0;
}
.zhan-list li .text .count{
width: 102px;
height: 52px;
top:-5%;
background-size: contain !important
}
.zhan-list li:nth-child(1) .text .bg{
display: none;
}
.zhan-list li:nth-child(even) .img-box {
-webkit-box-ordinal-group: 3;
order: inherit;
}
}
/*公共新闻*/
.com-new .item{
float: left;
width: 31%;
margin-right: 3%;
}
.com-new .item:nth-child(4){
margin-right: 0;
}
.com-new .item .img-box{
height: 300px;
}
.com-new .item .img-box img{
display: block;
width: 100%;
height: 100%;
}
.com-new .item ul{
margin-top: 10px
}
.com-new .item ul li a{
display: block;
overflow: hidden;
padding: 6px 0;
}
.com-new .item ul li a:hover span{
color: #d70009;
}
.com-new .item ul li a span{
font-size: 20px;
color: #333333;
float: left;
width: 67%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.com-new .item ul li a i{
float: right;
color:#999999;
font-size: 20px;
}
@media screen and (max-width: 1440px){
.com-new .item .img-box{
height: 240px
}
.com-new .item ul li a span,.com-new .item ul li a i{
font-size: 18px;
}
}
@media screen and (max-width: 768px){
.com-new .item{
width: 100%;
margin-right: 0;
margin-bottom: 20px
}
.com-new .item ul li a span, .com-new .item ul li a i{
font-size: 14px;
}
}
.huanz1_pic{
cursor: pointer;
transition: all 0.6s;
}
.huanz1_pic:hover{
transform: scale(2.5);
}
/*互è”网牌照*/
.definitionList .l-list .title,.definitionList .r-list .title{
font-weight: bold;
}
.definitionList .l-list,.definitionList .r-list{
width: 49%;
/*height: 400px;*/
padding: 35px;
box-sizing: border-box;
border-radius: 8px;
cursor: pointer;
}
/*.definitionList .l-list:hover,.definitionList .r-list:hover{
border:1px solid #c00000;
}*/
.definitionList .l-list:hover .title,.definitionList .r-list:hover .title{
color: #c00000
}
.definitionList .l-list:hover .detaile-links,
.definitionList .r-list:hover .detaile-links{
background: #c00000;
color: #fff;
}
.definitionList .l-list:hover{
background: url(../img/pai/def-lf-hover.png) no-repeat center center;
background-size: 100% 100%;
}
.definitionList .r-list:hover{
background: url(../img/pai/def-rt-hover.png) no-repeat center center;
background-size: 100% 100%;
}
.definitionList .l-list:hover .detaile-links .icon,.definitionList .r-list:hover .detaile-links .icon{
background: url(../img/icon2.png) no-repeat;
background-size: 100%;
}
.definitionList .l-list{
background: url(../img/pai/def-lf.png) no-repeat center center;
background-size: 100% 100%;
}
.definitionList .r-list{
background: url(../img/pai/def-rt.png) no-repeat center center;
background-size: 100% 100%;
}
.definitionList .txt{
margin-top: 20px;
line-height: 38px;
}
.definitionList .txt span{
color: #222222;
font-weight: bold;
}
.definitionList .detaile-links{
background: transparent;
border:1px solid #d70009;
color: #d70009;
}
.definitionList .detaile-links .icon{
background: url(../img/icon3.png) no-repeat;
background-size: 100%;
margin-left: 4px;
}
.areacont .area-title .title span{
color: #d70009;
}
.inner-slide.pai{
padding: 0 40px;
box-sizing: border-box;
}
.hu.video-area2 .list-item .item-txt::after{
display: none
}
.hu.video-area2 .list-item .item-txt .order{
left: 78%;
}
.hu.video-area2 .list-item .item-txt h5{
text-align: left;
left: 20px;
}
.hu.video-area2 .list-item .item-txt .txt{
text-align: left;
}
.video-area2.hu{
background-color: #fff;
}
.hospital-area3{
background: #F9F9F9;
}
.hu.video-area2 .list-item .item-txt h5:after{
content: '';
position: absolute;
width: 48px;
height: 4px;
background: #c00000;
left: 0;
bottom: 12px;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs{
width: 80%;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs img{
display: block;
width: 100%;
cursor: pointer;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content{
width: 15%;
padding-top: 80px
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content h6{
color: #c00000;
position: relative;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content h6 i{
position: absolute;
left: 80px;
bottom:10px;
font-size: 30px;
}
.hosp-bg{
background: #F9F9F9
}
.made-area3.hu .value-added .list-item{
width: 20%;
}
.made-area3 .value-added .list-item.bigitem{
width: 40%;
}
.hospital-area1{
background: url(../img/pai/kbg.png) no-repeat center center;
background-size: 100% 100%;
}
.hospital-area1 .l-list{
width: 50%;
padding: 20px;
padding-left: 40px;
box-sizing: border-box;
}
.xhos .item{
height: 370px;
width: 20%;
margin-right: 0;
border:none;
border-right: 1px solid #F2F2F2;
}
.xhos .item:last-child{
border-right: none;
}
.xhos .list{
background: #fff
}
.xhos.IT-area1 .item:hover{
background: #c00000
}
.hospital-area1 .r-list{
width: 48%;
}
.hospital-area1 .l-list .title{
color: #ee0035;
font-weight: bold;
margin-bottom: 10px
}
.hospital-area1 .l-list .txt{
color: #ee0035;
margin-bottom: 10px;
}
.hospital-area1 .l-list .detxt{
line-height: 38px;
}
.hospital-area1 .r-list img{
display: block;
width: 96%;
}
.made-area3.hu .value-added .overtxt .tit,
.made-area3.hu .value-added .list-item .itemtxt h6 {font-size: 20px;}
.made-area3.hu .value-added .overtxt .txt{
line-height: 34px;
}
.jishu-area4 .advantage-cont .list-item .overtxt .img-rt{
display: inline-block;
font-size: 18px;
text-align: center
}
.jishu-area4 .advantage-cont .list-item .overtxt .tit img{
margin-right: 5px
}
.made-area3.hu .value-added .list-item img{
height: 40px;
}
.img-mask{
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
top: 0;
left: 0;
z-index: 100;
}
.img-mask img{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%,-50%,0);
z-index: 101;
}
.transfer-box .trans-top{
background: #d70009;
}
.transfer-box .trans-top span,.transfer .swiper-slide span{
float: left;
width: 17%;
color: #fff;
text-align: center;
border-right: 1px solid #fff;
line-height: 60px;
}
.transfer{
height: 290px;
}
.transfer{
border:1px solid #F2F2F2
}
.transfer .swiper-slide{
border-bottom: 1px solid #F2F2F2;
}
.transfer .swiper-slide span{
color: #222222;
padding: 16px 0;
border-color: #F2F2F2;
line-height: inherit;
}
.transfer-box .trans-top span:first-child,.transfer .swiper-slide span:first-child{
width: 32%
}
.transfer .swiper-slide span:first-child{
text-align: left;
padding-left: 30px
}
.transfer-box .trans-top span:last-child,
.transfer .swiper-slide span:last-child{
border-right: none;
}
.transfer .swiper-slide span img{
width: 36px;
vertical-align: middle;
}
.transfer .swiper-slide:nth-child(2n+2){
background: #F2F2F2
}
.transfer .swiper-slide:nth-child(2n+2) span{
border-right: 1px solid #fff;
}
.container {
max-width: 1650px;
padding: 0;margin-right: auto;
margin-left: auto; }
.footer .main1 {
background: #2B3136; }
.footer .main1 .link {
padding-top: 40px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer .main1 .link .tit {
font-size: 18px;
color: #fff;
margin-bottom: 10px; }
.footer .main1 .link .list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap; }
.footer .main1 .link .list a {
font-size: 14px;
color: #878787;
margin-right: 10px;
-webkit-transition: 0.5s ease all;
transition: 0.5s ease all;
margin-bottom: 10px; }
.footer .main1 .link .list a:hover {
color: #2897C2; }
.footer .main1 .Hd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 70px;
padding-top: 64px; }
.footer .main1 .Hd .ContactUs {width: 23%;}
.footer .main1 .Hd .ContactUs .tit {
font-size: 18px;
color: #fff;
margin-bottom: 10px; }
.footer .main1 .Hd .ContactUs .desc p {
font-size: 14px;
color: #878787;
margin-bottom: 10px; }
.footer .main1 .Hd .navlist{width: 45%;}
.footer .main1 .Hd .navlist ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.footer .main1 .Hd .navlist ul li {
width: 33.33%;
padding: 0 5%;
border-left: 1px solid rgba(255, 255, 255, 0.1); }
.footer .main1 .Hd .navlist ul li:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.1); }
.footer .main1 .Hd .navlist ul li .tit {
font-size: 18px;
color: #fff;
margin-bottom: 15px;
display: block; }
.footer .main1 .Hd .navlist ul li .list a {
display: block;
font-size: 14px;
color: #878787;
margin-bottom: 10px;
-webkit-transition: 0.5s ease all;
transition: 0.5s ease all; }
.footer .main1 .Hd .navlist ul li .list a:hover {
color: #2897C2; }
.footer .main1 .Hd .hotline {width: 20%;padding-left: 4%}
.footer .main1 .Hd .hotline .top {
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer .main1 .Hd .hotline .top .tit {
font-size: 14px;
color: #878787; }
.footer .main1 .Hd .hotline .top .num {
font-size: 22px;
color: #878787;
font-weight: bold; }
.footer .main1 .Hd .hotline .bottom {
padding-top: 15px;
font-size: 14px;
color: #878787; }
.footer .main1 .Hd .hotline .bottom .tit {
margin-bottom: 5px; }
.footer .main1 .Hd .wx {
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 14px;
color: #fff;
text-align: center; }
.footer .main1 .Hd .wx img {
width: 140px; }
.footer .main1 .Hd .wx p {
padding: 5px 0; }
.footer .main2 {
background: #4e4e4e;
font-size: 14px;
text-align: center;
padding: 20px 0;
line-height: 1.6; }
@media only screen and (max-width: 1680px) {
.definitionList .txt,.hospital-area1 .l-list .detxt{
line-height: 30px;
}
}
@media only screen and (max-width: 1440px){
.definitionList .txt,.hospital-area1 .l-list .detxt{
line-height: 28px;
}
}
@media only screen and (max-width: 1336px){
.definitionList .txt,.hospital-area1 .l-list .detxt{
line-height: 26px;
}
}
@media only screen and (max-width: 1280px){
.definitionList .txt,.hospital-area1 .l-list .detxt{
line-height: 24px;
}
}
@media only screen and (max-width: 768px){
.definitionList .l-list, .definitionList .r-list{
width: 100%;
padding: 20px;
}
.inner-slide.pai{
padding: 0px;
}
.hospital-area1 .l-list,.hospital-area1 .r-list{
width: 100%;
}
.hospital-area1 .l-list{
padding: 10px;
}
.xhos .item{
width: 50%;
height: 200px;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 0;
}
.made-area3.hu .list-item{
width: 100% !important;
}
.xhos.IT-area1 .item:nth-child(3n){
margin-right: 0;
}
.hu.video-area2 .fllow-list .list-item{
width: 50%;
}
.hu.video-area2 .list-item .item-txt h5{
padding: 6px 0 10px;
}
.hu.video-area2 .list-item .item-txt .order{
font-size: 40px;
}
.hu.video-area2 .list-item .item-txt h5:after{
bottom: 2px;
height: 2px;
width: 30px
}
.hu.video-area2 .list-item .item-txt .txt{
top: 54px;
}
.made-area3.hu .value-added .overtxt .tit, .made-area3.hu .value-added .list-item .itemtxt h6{
font-size: 16px;
}
.made-area3.hu .value-added .list-item .overtxt .txt{
line-height: 30px;
}
.made-area3.hu .value-added .list-item img{
height: 24px;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs{
width: 100%;
}
.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content{
width: 100%;
padding-top: 20px
}
.jishu-area4 .advantage-cont .list-item .overtxt .img-rt{
font-size: 14px;
}
.jishu-area4 .advantage-cont .list-item .overtxt .tit{
text-align: center;
}
.transfer .swiper-slide span img{
width: 34px;
}
/*.trans-content{
overflow-x: scroll;
}
.transfer-box {
width: 800px;
}*/
.transfer .swiper-slide span{
padding: 10px 0;
font-size: 14px;
}
.transfer .swiper-slide span:first-child{
padding-left: 10px;
}
.transfer{
height: 310px;
}
.definitionList .l-list .title,.definitionList .r-list .title{
font-size: 20px;
}
}
.entries {
width: calc(100% - 80px);
max-width: 900px;
margin: auto;
position: relative;
left: -5px;
}
.entries .line{
content: "";
position: absolute;
top: 0px;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
width: 4px;
height: 100%;
background-color: #c00000;
margin-left: 5px;
}
.entries .entry {
width: calc(50% - 40px);
float: left;
padding: 20px;
clear: both;
text-align: right;
}
.entries .entry:not(:first-child) {
margin-top: -60px;
}
.entries .entry .title {
font-size: 32px;
margin-bottom: 6px;
position: relative;
color: #c00000;
}
.entries .entry .title:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
border: 4px solid #c00000;
background-color: #ffe9e9;
border-radius: 100%;
top: 50%;
transform: translateY(-50%);
right: -73px;
z-index: 1000;
}
.entries .entry .title.big:before {
width: 24px;
height: 24px;
transform: translate(8px, -50%);
}
.entries .entry .body {
color: #666;background: #eaeaea;padding: 15px;position: relative;border-radius: 5px;
}
.entries .entry .body::before {
content: "";
position: absolute;
top: -14px;
right: 46px;
height: 0;
width: 0;
border: 7px solid transparent;
border-bottom: 7px solid #eaeaea;
}
.entries .entry:nth-child(even) .body::before {
left: 46px;
right: auto;
}
.entries .entry .body p {
line-height: 1.4em;font-size: 16px;
}
.entries .entry:nth-child(2n) {
text-align: left;
float: right;
}
.entries .entry:nth-child(2n) .title:before {
left: -63px;
}
.entries .entry:nth-child(2n) .title.big:before {
transform: translate(-8px, -50%);
}
@media screen and (max-width: 1440px) {
.index-area3 .right-cont .item .p-title { font-size: 22px;}
.index-area3 .left-tab .tab-item { font-size: 20px;}
}
@media screen and (max-width: 1366px) {
.index-area3 .right-cont .item .item-txt {padding: 16px;}
.index-area3 .right-cont .item .p-txt{margin-bottom: 20px;}
.index-area3 .right-cont .item .p-title { font-size: 20px;}
.index-area3 .left-tab .tab-item { font-size: 18px;}
}
@media screen and (max-width: 1280px) {
.index-area3 .right-cont .item .p-txt{margin-bottom: 18px;}
.index-area3 .right-cont .item .p-title { font-size: 18px;}
.index-area3 .right-cont .detaile-links { font-size: 16px;border-width: 1px;}
.index-area3 .right-cont .detaile-links .icon { margin-left: 5px;width: 18px;}
.index-area3 .left-tab .tab-item { font-size: 16px;}
}
@media screen and (max-width: 1040px) {
.index-area3 .left-tab { width: 20%; }
.index-area3 .left-tab .tab-item{width: 100%;height: 42px;line-height: 42px; padding: 0 10px; height: 12px;}
.index-area3 .left-tab .tab-item .icon {width: 16px; }
.index-area3 .right-cont .item .item-txt { padding: 10px; }
.index-area3 .right-cont { width: 76%; }
.index-area3 .right-cont .detaile-links { font-size: 14px;height: 34px;line-height: 32px;width: 130px;}
}
@media screen and (max-width:768px) {
.index-area3 .left-tab { width: 22%; }
.index-area3 .left-tab .tab-item{width: 100%;height: 36px;line-height: 34px;font-size: 14px;}
.index-area3 .left-tab .tab-item.active .icon{display: none;background: none;}
.index-area3 .left-tab .tab-item:hover .icon{display: none;background: none;}
.entries {width: calc(100% - 50px);left: 5px;}
.entries .entry {width:100%;float:unset;text-align:left;padding-right: 0;}
.entries .entry:nth-child(2n) {float:unset;}
.entries .entry .body::before {right:unset;}
.entries .entry:nth-child(even) .body::before {left: 33px;}
.entries .entry:not(:first-child) {margin-top: -30px;}
.entries .entry .title:before {left: -33px;}
.entries .entry:nth-child(2n) .title:before {left: -33px;}
.entries .entry .title.big:before {left: -50px;}
.entries .entry:nth-child(2n) .title.big:before {transform: translate(8px, -50%);}
.entries .line {left: -10px;}
}
@media screen and (max-width:700px) {
.index-banner .mask-box .txt2 p {font-size: 18px;}
.index_news .news_head {display: block;}
.index_news .news_head .title {font-size: 22px;}
.index_news .news-tab .tab-item {font-size:16px;}
.index_news .newscont {display:block}
.index_news .newscont .news_left,.index_news .newscont .news_right {width: 100%;}
.index_news .newscont .item .item-txt {height: auto;margin-bottom: 10px;}
.index_news .newscont .item .item-txt h5 {font-size: 16px;}
.index_news .newscont .item .txt {font-size: 14px;line-height: 1.4;height: auto;}
.index_news .newscont .news_right .item {margin-bottom:0}
.index_news .newscont .news_right .item .item-img {width:35%;}
.index_news .newscont .news_right .item .item-img img {height:106px;}
.index_news .newscont .news_right .item .item-txt {height:106px;padding:10px;width: 65%;}
.index-area3 .left-tab {width: 100%;margin-bottom: 10px; }
.index-area3 .left-tab .tab-item {width: 23%;margin-right: 1%;}
.index-area3 .right-cont,.college-area5 .item-row {width: 100%;}
.index-area3 .right-cont .cont-item .item {margin-bottom: 3.1%;}
.index-area3 .right-cont .cont-item .item:nth-child(3n) {margin-right: 2.1%;}
.index-area3 .right-cont .cont-item .item:nth-child(2n) {margin-right: 0;}
.index-area5 .service-list {grid-template-columns: repeat(2,1fr);}
.new_index_cooperate .new_cooperate_list li {width: 48.5%;}
.index-kehu ul li {width: 49%;}
.index-kehu ul li:nth-child(5n){margin-right: 1.5%;}
.index-kehu ul li:nth-child(2n){margin-right: 0;}
.jishu-area4 .advantage-cont .list-item img {height:auto;}
.item_01 {grid-template-columns: repeat(2, 1fr) !important;}
.new_index_cooperate .new_cooperate_list li {padding:0 20px;height: 122px}
.new_index_cooperate .new_cooperate_list li h3 {font-size:18px;}
.college-area5 .item-row .item-text p {padding: 0;}
#form_sub>div {display: block;height: auto;}
.footer .main1 {padding:0 15px;}
.footer .main1 .Hd {display: block; padding-bottom: 30px; padding-top: 30px; }
.footer .main1 .Hd .navlist,.footer .main1 .Hd .ContactUs,.footer .main1 .Hd .hotline {width: 100%;}
.navlist,.hotline,.footer .main1 .Hd .wx {display: none;}
}
@media screen and (max-width:550px) {
.index-area3 .right-cont .item .p-title {font-size: 16px;margin-bottom: 5px; }
.index-area3 .right-cont .item .p-txt { margin-bottom: 10px; font-size: 14px;}
.index-area3 .right-cont .detaile-links .icon {margin-left: 5px;height: 9px;width: 15px;top: 0px;}
.index-area3 .left-tab .tab-item {width: 24%;margin-right: 1%;text-align: center;padding: 10px;line-height: 22px;height: 68px;background: #334a63;}
}